:root{color-scheme:light dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,rgba(37,99,235,.24),transparent 30%),linear-gradient(180deg,#081120,#0f172a 52%,#111827);color:#e5eefc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:transparent;color:inherit}button,input,select,textarea{font:inherit}a{color:#93c5fd;text-decoration:none}a:hover{text-decoration:underline}#root{width:100%}.page{max-width:1180px;margin:0 auto;padding:1.25rem 1rem 4rem}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.brand{font-weight:800;font-size:1.1rem;letter-spacing:.02em;display:flex;align-items:center;gap:.5rem}.brand-link{color:inherit}.nav-actions{display:flex;gap:.75rem;align-items:center}.eyebrow{display:inline-block;font-size:.82rem;text-transform:uppercase;letter-spacing:.12em;color:#93c5fd;margin-bottom:.85rem}.hero,.workspace-hero{display:grid;gap:1.25rem;align-items:center}.hero{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);padding:2rem 0 2.75rem}.workspace-hero{grid-template-columns:minmax(0,1fr) auto;margin-bottom:1rem}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.4rem,5vw,4.5rem);line-height:1.02;margin-bottom:.85rem}h2{font-size:1.2rem;margin-bottom:.85rem}.hero-text{max-width:66ch;color:#c9d7ee;font-size:1.05rem;line-height:1.65}.hero-text.compact{max-width:56ch}.hero-actions{display:flex;gap:.85rem;align-items:center;flex-wrap:wrap;margin:1.4rem 0 1.2rem}button,.download-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:.78rem 1rem;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:transform .16s ease,opacity .16s ease,border-color .16s ease,background .16s ease}button,.download-button{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff}.ghost-button{background:#0f172a8c;color:inherit;border-color:#94a3b866}button:hover,.download-button:hover,.ghost-button:hover{transform:translateY(-1px);text-decoration:none}button:disabled{opacity:.62;cursor:not-allowed;transform:none}.text-link{color:#cbd5e1}.hero-badges{display:flex;flex-wrap:wrap;gap:.65rem}.hero-badges span,.route-chip{padding:.5rem .75rem;border-radius:999px;border:1px solid rgba(148,163,184,.22);background:#0f172a85;color:#dbeafe;font-size:.92rem}.hero-panel,.feature-card,.card,.panel>.card{background:linear-gradient(180deg,#0f172aeb,#111827eb);border:1px solid rgba(148,163,184,.18);border-radius:22px;box-shadow:0 24px 60px #0206173d}.hero-panel{padding:1rem;display:grid;gap:.85rem}.hero-stat,.feature-card{padding:1rem}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1rem 0 2rem}.workflow{padding:1rem 0 2rem}.workflow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.workflow-steps>div,.cta-band{background:#0f172a9e;border:1px solid rgba(148,163,184,.18);border-radius:22px;padding:1rem}.workflow-steps span{display:inline-flex;width:2rem;height:2rem;border-radius:999px;align-items:center;justify-content:center;background:#2563eb2e;color:#bfdbfe;margin-bottom:.8rem}.cta-band{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem}.workspace-grid{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(0,1.2fr);gap:1rem}.panel.stack{display:grid;gap:1rem}.card{padding:1.1rem}.field{display:grid;gap:.45rem;margin-bottom:.95rem}.field.inline{display:flex;align-items:center;gap:.45rem}input[type=file],input[type=text],input[type=number],input[type=url],select{width:100%;min-height:48px;padding:.75rem .85rem;border-radius:14px;border:1px solid rgba(148,163,184,.32);background:#020617a3;color:inherit}input[type=range]{width:100%}.meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:.35rem 0 1rem}.meta-grid>div{background:#0206175c;border-radius:16px;padding:.8rem}.meta-label{display:block;font-size:.78rem;color:#9fb0cb;margin-bottom:.25rem}.checkbox{display:flex;align-items:center;gap:.5rem}.option-section{display:grid;gap:.75rem;margin-bottom:1rem;padding:.9rem;border-radius:18px;background:#02061747;border:1px solid rgba(148,163,184,.14)}.option-section h3{margin-bottom:0;font-size:1rem}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.selection-summary{display:grid;gap:.45rem;margin-bottom:1rem;padding:.9rem;border-radius:18px;background:#02061747;border:1px solid rgba(148,163,184,.14)}.option-summary-list{margin:0;padding-left:1.2rem;color:#c9d7ee}.option-summary-list li+li{margin-top:.3rem}.form-error{margin:0;color:#fca5a5}.muted,small,.progress-caption{color:#a7b7d1}.step-list{list-style:none;padding:0;margin:0 0 .9rem;display:grid;gap:.55rem}.step-item{display:flex;align-items:center;gap:.65rem;padding:.55rem .65rem;border-radius:14px;background:#02061747}.step-dot{width:.75rem;height:.75rem;border-radius:999px;background:#475569}.step-done .step-dot{background:#22c55e}.step-current .step-dot{background:#60a5fa}.progress-caption{display:flex;justify-content:space-between;gap:1rem;font-size:.9rem;margin-top:.5rem}.status-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.9rem}.status-indicator{display:inline-flex;align-items:center;gap:.75rem;min-width:240px;padding:.75rem .9rem;border-radius:18px;border:1px solid rgba(148,163,184,.18);background:#0206175c}.status-indicator strong,.activity-entry strong{display:block}.status-indicator small{display:block;margin-top:.18rem;color:#c9d7ee}.status-dot{width:.9rem;height:.9rem;border-radius:999px;background:#64748b;box-shadow:0 0 #94a3b859}.status-working .status-dot{background:#60a5fa;animation:pulse-dot 1.35s ease-in-out infinite}.status-success .status-dot{background:#22c55e}.status-error .status-dot{background:#f87171}.status-ready .status-dot{background:#f59e0b}.log-toggle{width:100%;margin-top:.95rem;background:#0f172a8c;border-color:#94a3b847}.activity-log{display:grid;gap:.7rem;margin-top:.85rem}.activity-entry,.activity-empty{padding:.85rem .95rem;border-radius:16px;background:#02061752;border:1px solid rgba(148,163,184,.14)}.activity-info{border-color:#60a5fa33}.activity-success{border-color:#22c55e3d}.activity-error{border-color:#f8717147}.activity-entry-header,.activity-entry-meta{display:flex;justify-content:space-between;gap:.75rem}.activity-entry-header{align-items:flex-start}.activity-entry-header span,.activity-entry-meta{color:#a7b7d1;font-size:.88rem}.activity-entry-meta{margin-top:.4rem}progress{width:100%;height:.9rem;border-radius:999px;overflow:hidden}.preview-shell,.empty-state{display:grid;place-items:center;min-height:260px;background:#02061757;border:1px dashed rgba(148,163,184,.2);border-radius:18px;margin-bottom:1rem;padding:1rem}.preview-image,.preview-media{max-width:100%;max-height:380px;border-radius:14px}.preview-media{width:100%}.download-button{margin-top:.8rem}.info-details summary{cursor:pointer;font-weight:700}.info-details[open] summary{margin-bottom:.75rem}.legal-shell{max-width:860px;margin:0 auto}.legal-card{display:grid;gap:1rem;padding:1.35rem}.legal-card section{display:grid;gap:.55rem}.legal-card ul{margin:0;padding-left:1.25rem;color:#c9d7ee}.legal-summary{color:#c9d7ee;font-size:1.02rem;line-height:1.7}.site-footer{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-top:2rem;padding-top:1rem;border-top:1px solid rgba(148,163,184,.18)}.footer-links{display:flex;gap:.9rem;flex-wrap:wrap}.footer-note{max-width:42rem;margin-bottom:0}pre{overflow:auto;white-space:pre-wrap;word-break:break-word;margin:0;font-size:.88rem}.route-native{border-color:#22c55e59}.route-wasm{border-color:#60a5fa59}.route-blocked{border-color:#f8717159}.hamburger-menu{position:relative}.hamburger-button{min-height:36px;padding:.4rem .7rem;font-size:1.15rem;line-height:1}.hamburger-overlay{position:fixed;inset:0;z-index:99}.hamburger-dropdown{position:absolute;right:0;top:calc(100% + .5rem);z-index:100;min-width:170px;padding:.45rem;display:grid;gap:.2rem;background:#0f172af7;border:1px solid rgba(148,163,184,.22);border-radius:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 32px #02061766}.hamburger-dropdown a{display:block;padding:.55rem .85rem;border-radius:10px;color:#cbd5e1;font-size:.95rem;white-space:nowrap}.hamburger-dropdown a:hover{background:#94a3b81a;text-decoration:none;color:#e5eefc}@keyframes pulse-dot{0%,to{box-shadow:0 0 #60a5fa66}50%{box-shadow:0 0 0 .45rem #60a5fa00}}.pwa-toast{position:fixed;bottom:1.5rem;right:1.5rem;z-index:999;display:flex;align-items:center;gap:1rem;padding:.9rem 1.1rem;background:linear-gradient(180deg,#0f172af7,#111827f7);border:1px solid rgba(148,163,184,.3);border-radius:18px;box-shadow:0 16px 48px #0206177a;max-width:28rem}.pwa-toast-body{flex:1;font-size:.95rem;color:#e5eefc}.pwa-toast-actions{display:flex;gap:.5rem;flex-shrink:0}.pwa-toast-btn{min-height:36px;padding:.4rem .85rem;font-size:.9rem}.landing-section{margin:2rem 0}.section-header{margin-bottom:1.25rem}.section-header h2{font-size:1.55rem;margin-bottom:.5rem}.tab-bar{display:flex;gap:.25rem;margin-bottom:1.25rem;border-bottom:1px solid rgba(148,163,184,.18);padding-bottom:0;flex-wrap:wrap}.tab-btn{min-height:40px;padding:.5rem 1.25rem;border-radius:10px 10px 0 0;border:1px solid transparent;border-bottom:none;background:transparent;color:#a7b7d1;font-size:.95rem;font-weight:600;cursor:pointer;transition:color .16s ease,background .16s ease,border-color .16s ease;position:relative;bottom:-1px}.tab-btn:hover{color:#e5eefc;background:#94a3b814;transform:none}.tab-btn--active{color:#e5eefc;background:#0f172ab8;border-color:#94a3b82e;border-bottom-color:transparent}.install-section{margin:2rem 0}.install-tabpanel{padding:1.1rem 1.2rem;background:linear-gradient(180deg,#0f172aeb,#111827eb);border:1px solid rgba(148,163,184,.18);border-radius:22px;box-shadow:0 24px 60px #0206173d}.install-tabpanel h3{font-size:1rem;margin-bottom:.75rem;color:#bfdbfe}.install-steps-list{margin:0;padding-left:1.35rem;color:#c9d7ee;line-height:1.65}.install-steps-list li+li{margin-top:.5rem}@media(max-width:720px){.pwa-toast{left:1rem;right:1rem;bottom:1rem;flex-direction:column;align-items:flex-start}}@media(max-width:980px){.hero,.workspace-grid,.feature-grid,.workflow-steps,.workspace-hero{grid-template-columns:1fr}.cta-band{flex-direction:column;align-items:flex-start}}@media(max-width:720px){.page{padding-inline:.85rem}.hero-actions,.status-header,.meta-grid,.progress-caption{flex-direction:column;align-items:flex-start}.meta-grid,.option-grid{grid-template-columns:1fr}.site-footer{flex-direction:column}}