: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}.wizard-stepper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin-bottom:1rem}.wizard-step{display:flex;align-items:center;gap:.6rem;min-height:48px;padding:.65rem .8rem;border-radius:14px;border:1px solid rgba(148,163,184,.18);background:#0206174d}.wizard-step-current{border-color:#60a5fa80;background:#2563eb1f}.wizard-step-done{border-color:#22c55e5c}.wizard-panel{display:grid;gap:1rem}.wizard-card{display:grid;gap:.95rem}.wizard-actions{display:flex;flex-wrap:wrap;gap:.75rem}.route-summary-card{padding:.9rem;border-radius:18px;background:#02061747;border:1px solid rgba(148,163,184,.14);box-shadow:none}.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}.route-preference-field{margin-top:.95rem}.route-preference-options{display:grid;gap:.65rem}.route-preference-option{display:flex;align-items:flex-start;gap:.65rem;padding:.8rem .9rem;border-radius:16px;border:1px solid rgba(148,163,184,.2);background:#02061747}.route-preference-option.is-selected{border-color:#60a5faa6;background:#2563eb1f}.route-preference-option strong{display:block}.route-preference-option small{display:block;margin-top:.15rem}.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)}.format-guidance-card{display:grid;gap:.45rem;margin:0 0 1rem;padding:.85rem .95rem;border-radius:16px;background:#0206174d;border:1px solid rgba(96,165,250,.24)}.format-guidance-card p{margin:0}.option-summary-list{margin:0;padding-left:1.2rem;color:#c9d7ee}.option-summary-list li+li{margin-top:.3rem}.conversion-actions{display:flex;flex-wrap:wrap;gap:.75rem}.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}.result-guidance{margin:0 0 1rem;padding:.85rem .95rem;border-radius:16px;border:1px solid rgba(148,163,184,.18);background:#02061747}.result-guidance-larger{border-color:#f8717159}.result-guidance-smaller{border-color:#22c55e59}.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}.status-canceled .status-dot{background:#f97316}.log-toggle{width:100%;margin-top:.95rem;background:#0f172a8c;border-color:#94a3b847}.live-status-card,.activity-summary{display:grid;gap:.7rem;margin-top:.95rem}.live-status-card{padding:.95rem 1rem;border-radius:18px;background:#02061752;border:1px solid rgba(148,163,184,.14)}.live-status-header,.activity-summary-header{display:flex;justify-content:space-between;gap:.75rem;align-items:center}.activity-summary-header span{color:#a7b7d1;font-size:.88rem}.live-source-chip{display:inline-flex;align-items:center;min-height:2rem;padding:.35rem .75rem;border-radius:999px;background:#60a5fa24;border:1px solid rgba(96,165,250,.22);color:#bfdbfe;font-size:.82rem;font-weight:700;white-space:nowrap}.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-detail{margin:.45rem 0 0;color:#d7e3f8;line-height:1.5}.activity-entry-meta{margin-top:.4rem}.raw-output-log{display:grid;gap:.45rem;margin-top:.85rem;max-height:18rem;overflow:auto;padding:.95rem 1rem;border-radius:18px;background:#02061780;border:1px solid rgba(148,163,184,.14)}.raw-output-line{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.85rem;align-items:start;color:#c9d7ee;font-size:.88rem}.raw-output-line span{color:#7dd3fc;white-space:nowrap}.raw-output-line code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;white-space:pre-wrap;word-break:break-word}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-nav{display:flex;flex-wrap:wrap;gap:1.5rem}.footer-links{display:flex;flex-direction:column;gap:.9rem}.footer-heading{color:#94a3b8;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.footer-meta{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}.footer-note{max-width:42rem;margin-bottom:0}.footer-project-link{font-weight:600}pre{overflow:auto;white-space:pre-wrap;word-break:break-word;margin:0;font-size:.88rem}.route-native{border-color:#22c55e59}.route-encoder{border-color:#fbbf2459}.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}.supported-formats-grid{margin-bottom:1rem}.supported-format-card{display:grid;gap:.75rem}.supported-format-card h3,.install-tabpanel h3{font-size:1rem;margin-bottom:.75rem;color:#bfdbfe}.supported-format-card p{margin-bottom:0;color:#c9d7ee;line-height:1.6}.supported-format-list{margin:0;padding-left:1.2rem;color:#dbeafe}.supported-format-list li+li{margin-top:.45rem}.supported-formats-note{margin:0;color:#a7b7d1}.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-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,.wizard-stepper,.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,.wizard-actions,.status-header,.live-status-header,.activity-summary-header,.meta-grid,.progress-caption{flex-direction:column;align-items:flex-start}.meta-grid,.option-grid{grid-template-columns:1fr}.raw-output-line{grid-template-columns:1fr;gap:.2rem}.site-footer{flex-direction:column}.footer-nav{width:100%;flex-direction:column;gap:1rem}}