:root{--void: #07080f;--void-2: #0c0e18;--glass: rgba(14, 18, 32, .62);--glass-strong: rgba(16, 22, 40, .82);--stroke: rgba(255, 255, 255, .1);--stroke-hot: rgba(92, 225, 255, .45);--cyan: #5ce1ff;--cyan-dim: #2aa8c4;--violet: #b084ff;--violet-dim: #7a58c9;--text: #eef4ff;--muted: #93a0c0;--danger: #ff5d7a;--ok: #5dffb0;--warn: #ffd166;--hud: #9be7ff;--radius: 18px;--radius-sm: 12px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--font-display: "Aeglia Display", "Avenir Next", "Segoe UI", system-ui, sans-serif;--font-body: system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--ease: cubic-bezier(.16, 1, .3, 1);--dur: .22s;--shadow: 0 24px 80px rgba(0, 0, 0, .45);--glow: 0 0 40px rgba(92, 225, 255, .18);--z-bg: 0;--z-content: 10;--z-nav: 40;--z-hud: 50}@media(prefers-reduced-motion:reduce){:root{--dur: 1ms}}@font-face{font-family:Aeglia Display;src:local("Avenir Next"),local("Segoe UI Semibold"),local("Trebuchet MS");font-weight:600;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100dvh;background:var(--void);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}body{background:radial-gradient(1200px 700px at 12% -10%,rgba(176,132,255,.16),transparent 55%),radial-gradient(900px 600px at 110% 10%,rgba(92,225,255,.12),transparent 50%),var(--void);overflow-x:hidden}#app{min-height:100dvh;position:relative;z-index:var(--z-content)}.skip-link{position:absolute;left:12px;top:-40px;z-index:1000;background:var(--cyan);color:#041018;padding:8px 12px;border-radius:8px}.skip-link:focus{top:12px}button,input,textarea,select,a{font:inherit;color:inherit}button,.card-link,.icon-btn{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}h1,h2,h3{font-family:var(--font-display);letter-spacing:.08em;line-height:1.15;margin:0}a{text-decoration:none}::selection{background:#5ce1ff47}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.void-root{position:relative;min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto}.nebula-host{position:fixed;inset:0;z-index:var(--z-bg);pointer-events:none}.nebula-canvas{width:100%;height:100%;display:block}.nebula-css{background:radial-gradient(ellipse at 20% 20%,rgba(92,225,255,.14),transparent 45%),radial-gradient(ellipse at 80% 0%,rgba(176,132,255,.16),transparent 40%),radial-gradient(ellipse at 50% 100%,rgba(92,225,255,.08),transparent 50%);animation:drift 18s var(--ease) infinite alternate}@keyframes drift{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(28deg)}}.topbar{position:sticky;top:0;z-index:var(--z-nav);display:grid;grid-template-columns:auto 1fr minmax(180px,420px);gap:var(--space-4);align-items:center;padding:14px 22px;padding-top:max(14px,env(safe-area-inset-top));background:color-mix(in srgb,var(--void) 55%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--stroke)}.brand{display:flex;align-items:center;gap:10px;min-height:44px}.brand-mark{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--stroke-hot);border-radius:9px;color:var(--cyan);font-family:var(--font-display);box-shadow:var(--glow)}.brand-word{font-family:var(--font-display);letter-spacing:.28em;font-size:13px}.top-nav{display:flex;gap:var(--space-5)}.top-nav a{min-height:44px;display:inline-flex;align-items:center;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:12px}.top-nav a:hover{color:var(--text)}.omni{position:relative;display:flex;align-items:center}.omni-ico{position:absolute;left:12px;color:var(--cyan);pointer-events:none}.omni input{width:100%;min-height:44px;padding:10px 12px 10px 38px;border-radius:999px;border:1px solid var(--stroke);background:var(--glass);color:var(--text)}main{padding:28px 22px 80px;max-width:1200px;width:100%;margin:0 auto}.hero{padding:48px 0 24px;animation:rise .48s var(--ease) both}.eyebrow{color:var(--cyan);letter-spacing:.22em;text-transform:uppercase;font-size:12px;margin:0 0 12px}.hero h1{font-size:clamp(36px,7vw,72px);max-width:14ch}.lede{color:var(--muted);max-width:62ch;margin:16px 0 0}.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.btn{min-height:44px;padding:10px 18px;border-radius:999px;border:1px solid var(--stroke);background:var(--glass);display:inline-flex;align-items:center;gap:8px;transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease),background var(--dur) var(--ease)}.btn:hover{border-color:var(--stroke-hot)}.btn:active{transform:scale(.97)}.btn.primary{background:linear-gradient(120deg,var(--cyan),var(--violet));color:#041018;border-color:transparent;font-weight:650}.btn:disabled{opacity:.45;cursor:not-allowed}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:40px 0 0}.stats div{padding:16px;border:1px solid var(--stroke);border-radius:var(--radius);background:var(--glass);box-shadow:var(--shadow)}.stats dt{color:var(--muted);font-size:12px;letter-spacing:.14em;text-transform:uppercase}.stats dd{margin:8px 0 0;font-family:var(--font-display);font-size:28px;color:var(--cyan)}.constellation{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-top:36px}.star{min-height:88px;border-radius:var(--radius);border:1px solid var(--stroke);background:var(--glass);display:grid;place-items:center;letter-spacing:.08em;text-transform:uppercase;font-size:12px;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease);animation:rise .56s var(--ease) both;animation-delay:calc(var(--i) * 30ms)}.star:hover{transform:translateY(-4px);box-shadow:var(--glow);border-color:var(--stroke-hot)}.catalog-head h1{font-size:clamp(32px,5vw,52px)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;max-height:220px;overflow:auto}.chip{min-height:44px;padding:8px 14px;border-radius:999px;border:1px solid var(--stroke);background:var(--glass);font-size:13px}.chip.on{border-color:var(--cyan);color:var(--cyan)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:24px}.tool-card{min-height:110px;padding:16px;border-radius:var(--radius);border:1px solid var(--stroke);background:var(--glass);display:flex;flex-direction:column;gap:10px;transition:transform var(--dur) var(--ease),border-color var(--dur) var(--ease)}.tool-card:hover{transform:translateY(-3px);border-color:var(--stroke-hot)}.tool-card .cat{color:var(--violet);font-size:11px;letter-spacing:.16em;text-transform:uppercase}.more{margin:24px auto;display:flex}.workspace{animation:rise .36s var(--ease) both}.ws-head{display:flex;gap:16px;align-items:flex-start;margin-bottom:24px}.icon-btn{width:44px;height:44px;border-radius:12px;border:1px solid var(--stroke);background:var(--glass);display:grid;place-items:center;color:var(--cyan)}.ws-grid{display:grid;grid-template-columns:1.2fr .8fr 1.2fr;gap:16px}.panel{border:1px solid var(--stroke);border-radius:var(--radius);background:var(--glass-strong);padding:18px;box-shadow:var(--shadow)}.panel h2{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--hud);margin-bottom:12px}textarea,.output,input[type=password],input[type=text]{width:100%;border-radius:var(--radius-sm);border:1px solid var(--stroke);background:#040812b3;color:var(--text);padding:12px;min-height:44px;font-family:var(--font-mono);font-size:14px}textarea{min-height:220px;resize:vertical}.output{min-height:220px;white-space:pre-wrap;overflow:auto}.out-img{display:block;width:100%;max-height:360px;object-fit:contain;background:#05070d;border-radius:var(--radius);margin-bottom:12px}.out-img[hidden]{display:none}.out-vid{display:block;width:100%;max-height:360px;object-fit:contain;background:#05070d;border-radius:var(--radius);margin-bottom:12px}.out-vid[hidden]{display:none}video[data-preview]{display:block;width:100%;max-height:220px;object-fit:contain;margin-top:12px;background:#05070d}video[data-preview][hidden]{display:none}.hint,.foot{color:var(--muted);font-size:13px}.row{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.proc{display:grid;place-items:center;gap:12px;min-height:180px}.ring{position:relative;width:88px;height:88px;border-radius:50%;border:0;background:conic-gradient(var(--cyan) 0%,rgba(255,255,255,.08) 0);box-shadow:var(--glow);display:grid;place-items:center;transition:background .18s var(--ease)}.ring:before{content:"";width:68px;height:68px;border-radius:50%;background:var(--void-2)}.ring .pct{position:absolute;z-index:1;font-family:var(--font-display);font-size:15px;font-variant-numeric:tabular-nums;color:var(--cyan);letter-spacing:.02em}.ring.run{animation:pulse-ring .9s var(--ease) infinite}.ring.done{animation:pop-done .32s var(--ease)}.ring.spin{animation:spin .8s linear infinite}.err{color:var(--danger);margin-top:10px}.file-drop{display:grid;place-items:center;min-height:180px;border:1px dashed var(--stroke-hot);border-radius:var(--radius);padding:16px;text-align:center}.file-drop input{margin-top:12px}canvas[data-preview]{display:block;width:100%;max-height:220px;object-fit:contain;margin-top:12px;background:#05070d;border-radius:var(--radius)}canvas[data-preview][hidden]{display:none}.device-hud{position:fixed;right:16px;bottom:16px;z-index:var(--z-hud);width:min(280px,calc(100vw - 24px));padding:12px 14px;border-radius:14px;border:1px solid var(--stroke-hot);background:var(--glass-strong);backdrop-filter:blur(16px);box-shadow:var(--glow)}.hud-label{display:flex;align-items:center;gap:8px;color:var(--cyan);font-size:11px;letter-spacing:.18em;text-transform:uppercase}.hud-meters{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.meter span{display:block;color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.meter strong{font-family:var(--font-mono);font-size:13px}.foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 22px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--stroke)}.icon{width:18px;height:18px;display:inline-flex}.icon svg{width:18px;height:18px}.icon-sm svg,.icon-sm{width:16px;height:16px}.crumbs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--muted);font-size:13px;margin-bottom:18px}.crumbs a{color:var(--cyan);min-height:44px;display:inline-flex;align-items:center}.kw{color:var(--muted);font-size:12px}.related,.faq,.featured,.home-faq{margin-top:36px}.related h2,.faq h2,.featured h2,.home-faq h2{font-size:clamp(22px,3vw,32px);margin-bottom:12px}.faq-item{border:1px solid var(--stroke);border-radius:var(--radius-sm);background:var(--glass);padding:4px 16px;margin-bottom:8px}.faq-item summary{min-height:44px;cursor:pointer;display:flex;align-items:center;font-weight:600;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{color:var(--muted);margin:0 0 14px}.foot-links{display:flex;flex-wrap:wrap;gap:12px 18px}.foot-links a{color:var(--cyan);min-height:44px;display:inline-flex;align-items:center}.featured{margin-top:40px}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-ring{0%,to{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--cyan) 40%,transparent));transform:scale(1)}50%{filter:drop-shadow(0 0 14px color-mix(in srgb,var(--cyan) 70%,transparent));transform:scale(1.04)}}@keyframes pop-done{0%{transform:scale(.92)}to{transform:scale(1)}}html[data-tier=save] .nebula-host,html[data-particles=off] .nebula-canvas{display:none}@media(max-width:960px){.topbar{grid-template-columns:1fr auto;grid-template-areas:"brand nav" "search search"}.brand{grid-area:brand}.top-nav{grid-area:nav}.omni{grid-area:search}.ws-grid,.stats{grid-template-columns:1fr}.device-hud{right:10px;left:10px;width:auto}}@media(prefers-reduced-motion:reduce){.star,.hero,.workspace,.nebula-css,.ring.run,.ring.done,.ring.spin{animation:none}.ring{transition:none}}