:root,:root[data-theme=navy],:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a1220;--bg-spot:#163056;--card:#121c30;--ink:#e8eef8;--muted:#8b9bb4;--line:#243350;--accent:#7eb0ff;--accent-2:#4c7fd4;--accent-ink:#07101c;--accent-soft:#1a2d4d;--warn:#e6c07b;--warn-soft:#2c2414;--danger:#f0a194;--danger-soft:#2c1614;--preview:#070b12;--shadow:0 20px 48px #02081273;--radius:22px;--sans:"SF Pro Text", "Segoe UI", system-ui, sans-serif;--mono:"SF Mono", ui-monospace, Menlo, monospace}:root[data-theme=oled]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--bg-spot:#000;--card:#000;--ink:#f2f5fa;--muted:#8d99ae;--line:#1c2740;--accent:#8bb8ff;--accent-2:#5b86d6;--accent-ink:#000;--accent-soft:#0c1628;--warn:#e6c07b;--warn-soft:#16120a;--danger:#f0a194;--danger-soft:#160c0b;--preview:#000;--shadow:none}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#e8eef6;--bg-spot:#d5e2f4;--card:#f7f9fc;--ink:#121826;--muted:#5b6880;--line:#d3dbe8;--accent:#1d3a6e;--accent-2:#2f5aa3;--accent-ink:#fff;--accent-soft:#d7e3f5;--warn:#8a5a12;--warn-soft:#f4e6c6;--danger:#8f3328;--danger-soft:#f6d9d4;--preview:#0d1118;--shadow:0 20px 48px #12203814}*{box-sizing:border-box}html,body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;min-height:100%;margin:0}body{font-family:var(--sans);color:var(--ink);background:radial-gradient(1200px 500px at 50% -10%, var(--bg-spot), transparent 60%), var(--bg);-webkit-font-smoothing:antialiased;touch-action:manipulation}button,input,select,textarea{font:inherit;color:inherit;font-size:16px}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{min-height:100dvh;padding:36px 16px 64px;padding-top:max(36px, env(safe-area-inset-top));padding-right:max(16px, env(safe-area-inset-right));padding-bottom:max(64px, env(safe-area-inset-bottom));padding-left:max(16px, env(safe-area-inset-left));place-items:start center;display:grid}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);width:min(560px,100%);box-shadow:var(--shadow);padding:28px 28px 24px}.panel-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.eyebrow{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin:0 0 6px;font-size:.78rem}h1{letter-spacing:-.03em;margin:0;font-size:1.7rem;line-height:1.15}.lede{color:var(--muted);margin:8px 0 0;line-height:1.45}.theme-toggle{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:999px;flex:none;padding:7px 12px;font-size:.82rem}.stack{gap:18px;display:grid}.section-label{margin-bottom:8px;font-size:.86rem;font-weight:600;display:block}.hint{color:var(--muted);margin:8px 0 0;font-size:.82rem;line-height:1.4}.privacy{color:var(--muted);margin:8px 0 0;font-size:.8rem}.primary{background:var(--accent);width:100%;color:var(--accent-ink);letter-spacing:-.01em;border:0;border-radius:14px;padding:14px 16px;font-weight:650}a.primary,a.ghost{box-sizing:border-box;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.primary:disabled{opacity:.45;cursor:default}.ghost{border:1px solid var(--line);color:var(--ink);background:0 0;border-radius:12px;padding:8px 12px}.warn,.note,.danger{border-radius:12px;padding:10px 12px;font-size:.86rem;line-height:1.45}.warn{background:var(--warn-soft);color:var(--warn)}.note{background:var(--accent-soft);color:var(--ink)}.danger{background:var(--danger-soft);color:var(--danger)}.meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;display:grid}.meta-grid dt{color:var(--muted);font-size:.75rem}.meta-grid dd{margin:2px 0 0;font-size:.92rem}details.box{border:1px solid var(--line);border-radius:14px;padding:10px 12px}details.box summary{cursor:pointer;font-size:.9rem;font-weight:600}.field{gap:6px;display:grid}.field input,.field select{border:1px solid var(--line);background:0 0;border-radius:10px;padding:8px 10px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);background:0 0;border-radius:999px;padding:7px 12px}.chip[aria-pressed=true]{background:var(--accent-soft);color:var(--ink);border-color:#0000;font-weight:600}.rec{border:1px dashed var(--line);border-radius:14px;gap:4px;padding:14px 16px;display:grid}.rec strong{letter-spacing:-.02em;font-size:1.05rem}.progress-track{background:var(--line);border-radius:999px;height:8px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-2));width:0;height:100%;transition:width .28s}.progress-track.pulse .progress-fill{animation:1.2s ease-in-out infinite sheen}@keyframes sheen{0%,to{filter:brightness()}50%{filter:brightness(1.18)}}.preview-frame{background:var(--preview);border:1px solid var(--line);border-radius:16px;overflow:hidden}.preview-frame video,.preview-frame img{object-fit:contain;background:var(--preview);width:100%;max-height:320px;display:block}.tech{color:var(--muted);font:.75rem/1.45 var(--mono);white-space:pre-wrap;word-break:break-word;margin:10px 0 0}@media (width<=560px){.app-shell{padding:16px 10px 40px;padding-top:max(16px, env(safe-area-inset-top));padding-right:max(10px, env(safe-area-inset-right));padding-bottom:max(40px, env(safe-area-inset-bottom));padding-left:max(10px, env(safe-area-inset-left))}.panel{padding:20px 16px 18px}.meta-grid{grid-template-columns:1fr}}@media (pointer:coarse){.chip,.ghost,.theme-toggle,.primary,input[type=range]{min-height:44px}}