@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=Orbitron:wght@500;700;900&display=swap";:root{--bg-main: #020705;--bg-deep: #05110c;--bg-card: rgba(7, 21, 17, .82);--bg-card-strong: rgba(10, 26, 21, .94);--line: rgba(125, 255, 179, .4);--line-soft: rgba(86, 255, 165, .22);--text-main: #ecfffa;--text-muted: #8ab8aa;--acid: #bfff5a;--toxic: #63ffb1;--cyber: #4ad8ff;--warning: #ffd86a;--danger: #ff8f8f;--shadow: 0 34px 90px rgba(0, 0, 0, .55)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text-main);font-family:Chakra Petch,Segoe UI,sans-serif;background:radial-gradient(circle at 12% 14%,rgba(42,255,153,.18),transparent 34%),radial-gradient(circle at 88% 18%,rgba(56,220,255,.14),transparent 36%),radial-gradient(circle at 55% 92%,rgba(191,255,90,.1),transparent 44%),linear-gradient(160deg,var(--bg-main) 0%,#010403 100%)}.alien-page{position:relative;min-height:100vh;padding:42px 22px 36px;overflow:hidden;isolation:isolate}.alien-page:before{content:"";position:absolute;top:-12%;right:-8%;bottom:-12%;left:-8%;background-image:linear-gradient(rgba(127,255,181,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(127,255,181,.08) 1px,transparent 1px);background-size:34px 34px;transform:perspective(720px) rotateX(62deg) translateY(8%);opacity:.24;pointer-events:none;z-index:-5;animation:grid-sway 16s linear infinite}.biopulse-layer{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 40% 50%,rgba(93,255,183,.07),transparent 48%),radial-gradient(circle at 70% 40%,rgba(74,216,255,.06),transparent 45%);mix-blend-mode:screen;opacity:.9;pointer-events:none;animation:biopulse 6s ease-in-out infinite;z-index:-4}.starfield-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.72;background-image:radial-gradient(2px 2px at 11% 20%,rgba(153,255,201,.7),transparent),radial-gradient(1.5px 1.5px at 30% 60%,rgba(73,216,255,.6),transparent),radial-gradient(2px 2px at 85% 64%,rgba(191,255,90,.55),transparent),radial-gradient(1.8px 1.8px at 70% 25%,rgba(115,255,188,.52),transparent);z-index:-3}.scanline-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(167,255,197,.024) 0px,rgba(167,255,197,.024) 1px,transparent 1px,transparent 4px);mix-blend-mode:screen;opacity:.28;z-index:-2;animation:scanline 9s linear infinite}.nebula{position:absolute;border-radius:999px;filter:blur(34px);pointer-events:none;animation:nebula-float 9s ease-in-out infinite;z-index:-1}.nebula-a{width:260px;height:260px;left:-80px;top:10%;background:radial-gradient(circle,#5fffac8c,#5fffac00 72%)}.nebula-b{width:340px;height:340px;right:-120px;bottom:-44px;background:radial-gradient(circle,#4bd8ff6e,#4bd8ff00 74%);animation-delay:1.8s}.nebula-c{width:240px;height:240px;left:46%;top:-130px;background:radial-gradient(circle,#bfff5a4d,#bfff5a00 78%);animation-delay:.9s}.alien-shell{position:relative;max-width:1180px;margin:0 auto}.hero-meta{display:flex;flex-wrap:wrap;gap:8px}.hero-meta span{display:inline-flex;align-items:center;padding:6px 11px;border-radius:999px;border:1px solid rgba(109,255,175,.44);background:#061410b8;color:#c9ffe5;letter-spacing:.07em;font-size:.67rem;text-transform:uppercase;font-weight:600}.alien-kicker{display:inline-flex;margin:12px 0 0;padding:7px 12px;border-radius:999px;background:linear-gradient(96deg,var(--acid),var(--toxic) 60%,var(--cyber));color:#122005;letter-spacing:.08em;font-weight:800;font-size:.76rem}.alien-hero h1{margin:12px 0;font-family:Orbitron,Chakra Petch,sans-serif;font-size:clamp(2rem,4.6vw,3.7rem);line-height:1.07;letter-spacing:-.02em;text-shadow:0 0 26px rgba(127,255,174,.25)}.alien-hero p{margin:0 0 30px;max-width:740px;color:var(--text-muted);line-height:1.5;font-size:1.03rem}.alien-layout{display:grid;gap:18px;grid-template-columns:minmax(310px,430px) minmax(420px,1fr)}.card{position:relative;border-radius:18px;border:1px solid var(--line);background:linear-gradient(155deg,var(--bg-card),var(--bg-card-strong));box-shadow:var(--shadow);overflow:hidden}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(125deg,#7bffb121,#7bffb100 36%);pointer-events:none}.card:after{content:"";position:absolute;right:14px;top:12px;width:34px;height:7px;border-radius:999px;background:linear-gradient(90deg,#63ffb100,#63ffb1bf);pointer-events:none}.control-card{padding:18px}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.panel-title{margin:0;font-family:Orbitron,Chakra Petch,sans-serif;font-size:.86rem;letter-spacing:.1em;text-transform:uppercase;color:#d9ffef}.status-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border:1px solid rgba(106,255,176,.37);border-radius:999px;background:#06130fd9;color:#bcffe0;font-size:.65rem;letter-spacing:.09em;font-weight:700}.status-pill:before{content:"";width:7px;height:7px;border-radius:999px;background:#76ffb899}.status-pill.live{border-color:#b7ff5985;color:#ebffcb;box-shadow:0 0 16px #beff6738}.status-pill.live:before{background:var(--acid);box-shadow:0 0 9px #bfff5af2}.upload-box{display:grid;gap:6px;margin-bottom:14px;padding:14px;border-radius:14px;border:1px dashed rgba(123,255,177,.5);background:linear-gradient(145deg,#071813eb,#0b1e18bf);cursor:pointer;transition:border-color .25s ease,transform .25s ease}.upload-box:hover{border-color:#bfff5ab3;transform:translateY(-1px)}.upload-box input{display:none}.upload-box span{color:#e5fff5;font-size:.9rem;font-weight:700}.upload-box small{color:#9ab8ac;font-size:.75rem}.preset-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.preset-chip{border:1px solid rgba(108,246,172,.42);border-radius:999px;background:#0e221bcc;color:#cdfde5;padding:8px 12px;font-size:.76rem;font-weight:700;cursor:pointer;transition:transform .18s ease,border-color .2s ease}.preset-chip:hover{transform:translateY(-1px)}.preset-chip.active{color:#1a2300;border-color:#c1ff65d1;background:linear-gradient(95deg,var(--acid),#d4ff8f)}.slider-group{display:grid;gap:10px}.slider-group label{display:grid;gap:7px;color:#d7fbe9;font-size:.84rem}.slider-group input[type=range]{width:100%;height:6px;border-radius:999px;background:linear-gradient(90deg,#bfff5abf,#4ad8ffbf);-webkit-appearance:none;-moz-appearance:none;appearance:none}.slider-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:999px;border:2px solid rgba(14,28,21,.96);background:#ecffb9;box-shadow:0 0 11px #bfff5acc}.slider-group input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:999px;border:2px solid rgba(14,28,21,.96);background:#ecffb9;box-shadow:0 0 11px #bfff5acc}.prompt-block{display:grid;gap:7px;margin-top:12px;color:#d3ffe9;font-size:.84rem}.key-block{margin-top:0;margin-bottom:12px}.key-row{display:grid;grid-template-columns:1fr auto;gap:8px}.key-input{width:100%;border-radius:10px;border:1px solid rgba(106,255,176,.37);background:#071511f2;color:#e6fff6;padding:10px 11px;font-family:inherit;font-size:.83rem}.key-input:focus{outline:none;border-color:#bfff5abf;box-shadow:0 0 0 3px #bfff5a29}.key-clear{border:1px solid rgba(106,255,176,.4);background:#0c2f24d9;color:#d7ffe9;border-radius:10px;font-family:inherit;font-size:.78rem;font-weight:700;padding:9px 10px;cursor:pointer}.key-clear:hover{border-color:#bfff5aad}.prompt-block textarea{min-height:92px;resize:vertical;border-radius:12px;border:1px solid rgba(106,255,176,.37);background:#071511f2;color:#e6fff6;padding:10px 11px;font-family:inherit;font-size:.83rem;line-height:1.4}.prompt-block textarea:focus{outline:none;border-color:#bfff5abf;box-shadow:0 0 0 3px #bfff5a29}.prompt-block small{color:#9ab8ac;font-size:.74rem}.metric-grid{display:grid;gap:8px;margin-top:14px}.metric-item{border:1px solid var(--line-soft);border-radius:10px;padding:8px 9px;background:#0a1914b8}.metric-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:.73rem;color:#c8f8e5}.metric-top strong{font-family:Orbitron,Chakra Petch,sans-serif;font-size:.77rem;color:#ecffbf}.metric-track{width:100%;height:5px;border-radius:999px;background:#467c615c;overflow:hidden}.metric-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--acid),var(--toxic),var(--cyber));box-shadow:0 0 10px #7bffb19e}.control-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}.btn{border:none;border-radius:11px;padding:12px;font-family:inherit;font-size:.82rem;letter-spacing:.03em;font-weight:800;cursor:pointer}.btn.primary{color:#1d2300;background:linear-gradient(95deg,var(--acid),#cfff80)}.btn.ghost{color:#ccf7e4;background:linear-gradient(95deg,#12392d,#1a5f48)}.btn:disabled{opacity:.45;cursor:not-allowed}.error{margin:12px 0 0;color:var(--danger);font-size:.84rem}.note{margin:11px 0 0;color:#89b3a5;font-size:.78rem;line-height:1.44}.preview-card{padding:16px}.preview-top{margin-bottom:10px}.preview-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.preview-grid article{display:grid;gap:7px}.preview-grid h3{margin:0;font-family:Orbitron,Chakra Petch,sans-serif;font-size:.88rem;letter-spacing:.09em;text-transform:uppercase;color:#d8ffe7}.image-frame{position:relative;min-height:328px;border-radius:14px;border:1px solid rgba(104,255,176,.34);background:linear-gradient(150deg,#05130ff5,#081a15db);display:grid;place-items:center;overflow:hidden}.image-frame:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:10px;border:1px solid rgba(111,255,179,.2);pointer-events:none}.image-frame-source{box-shadow:inset 0 0 0 1px #70ffb41a}.image-frame-output{box-shadow:inset 0 0 0 1px #bfff5a33,0 0 28px #7cffb424}.image-frame p{margin:0;color:#83b39e;font-size:.84rem}.image-frame img{width:100%;height:100%;display:block;object-fit:contain}@keyframes nebula-float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes biopulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}@keyframes grid-sway{0%{transform:perspective(720px) rotateX(62deg) translateY(8%)}to{transform:perspective(720px) rotateX(62deg) translateY(18%)}}@keyframes scanline{0%{transform:translateY(-30%)}to{transform:translateY(30%)}}@media (max-width: 980px){.alien-layout{grid-template-columns:1fr}.image-frame{min-height:256px}}@media (max-width: 640px){.alien-page{padding:30px 13px}.control-actions,.preview-grid{grid-template-columns:1fr}.hero-meta span{font-size:.63rem}}