:root{color:#172033;background:#f5f7fa;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{--page: #f5f7fa;--surface: #ffffff;--surface-muted: #f8fafc;--text: #172033;--muted: #556274;--border: #cbd5e1;--accent: #166c78;--accent-strong: #10545e;--focus: #0f7d8a;--warning-bg: #fff7dd;--warning-border: #d8a52c;--warning-text: #624700;--error-bg: #fff0f0;--error-border: #d14b4b;--error-text: #882323;display:block;min-height:100vh;max-width:1360px;margin:0 auto;padding:32px clamp(16px,3vw,40px) 48px;color:var(--text);background:var(--page)}.app-shell[data-theme=dark]{--page: #101827;--surface: #182233;--surface-muted: #202c40;--text: #edf2f7;--muted: #b7c3d2;--border: #405069;--accent: #67c8c5;--accent-strong: #92e0dc;--focus: #8fe4e1;--warning-bg: #3c3218;--warning-border: #d7af42;--warning-text: #ffe59a;--error-bg: #3c2025;--error-border: #e17878;--error-text: #ffd0d0}.wizard-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;max-width:800px;margin:0 0 28px}.wizard-header h1{margin:4px 0 8px;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.2}.wizard-header p:not(.eyebrow){max-width:650px;margin:0;color:var(--muted);line-height:1.65}.eyebrow{margin:0;color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.theme-toggle,button{min-height:40px;padding:8px 14px;border:1px solid var(--accent);border-radius:8px;color:#fff;background:var(--accent);font-weight:650;line-height:1.2}.theme-toggle{flex:0 0 auto;color:var(--text);background:var(--surface);border-color:var(--border)}button:hover:not(:disabled){background:var(--accent-strong)}.theme-toggle:hover:not(:disabled){background:var(--surface-muted);border-color:var(--accent)}button:disabled{cursor:not-allowed;opacity:.52}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.wizard-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);align-items:start;gap:28px}.wizard-layout>section{min-width:0}.question-step,.advanced-settings,.export-review,.preview-panel,.side-router-guidance{margin:0 0 16px;padding:20px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.question-step h2,.advanced-settings h2,.export-review h2,.side-router-guidance h2{margin:0;font-size:1.1rem;line-height:1.4}.question-step p,.advanced-settings>p,.export-review>p,.side-router-guidance p{color:var(--muted);line-height:1.6}.question-step{min-inline-size:0}.question-step legend{padding:0}.choice,.advanced-settings label{display:flex;align-items:flex-start;gap:9px;margin:12px 0;line-height:1.5}.choice input{flex:0 0 auto;margin-top:.28rem;accent-color:var(--accent)}.advanced-settings label{flex-wrap:wrap}.advanced-settings label>input:not([type=checkbox]),.advanced-settings label>textarea,.advanced-settings label>select,.question-step input:not([type=checkbox]):not([type=radio]),.question-step textarea{width:100%;min-width:0;margin-top:4px;padding:9px 10px;border:1px solid var(--border);border-radius:7px;color:var(--text);background:var(--surface-muted)}textarea{min-height:88px;resize:vertical}fieldset{border:0}details{margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}summary{cursor:pointer;color:var(--accent);font-weight:700}fieldset fieldset{margin:14px 0;padding:12px;border:1px solid var(--border);border-radius:8px}fieldset fieldset legend{padding:0 5px;font-weight:700}.preview-panel{position:sticky;top:16px;overflow:hidden}.preview-panel [role=tablist]{display:flex;gap:4px;padding-bottom:12px;border-bottom:1px solid var(--border)}.preview-panel [role=tab]{border-color:transparent;color:var(--muted);background:transparent}.preview-panel [role=tab][aria-selected=true]{color:#fff;background:var(--accent)}.preview-panel pre{max-height:min(68vh,760px);margin:16px 0 0;padding:14px;overflow:auto;border:1px solid var(--border);border-radius:8px;background:var(--surface-muted);color:var(--text);font:.82rem/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre;overflow-wrap:normal}.preview-panel ul{margin:16px 0 0;padding-left:1.25rem;color:var(--muted)}.download-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.export-review [role=alert],.export-review [role=status]{margin-top:16px;padding:12px 14px;border:1px solid var(--warning-border);border-radius:8px;color:var(--warning-text);background:var(--warning-bg)}.export-review [role=alert]{border-color:var(--error-border);color:var(--error-text);background:var(--error-bg)}.export-review [role=alert] h3,.export-review [role=status] h3{margin:0 0 8px;font-size:1rem}.export-review [role=alert] ul,.export-review [role=status] ul{margin:0;padding-left:1.2rem}@media (prefers-color-scheme: dark){:root{color:#edf2f7;background:#101827}.app-shell:not([data-theme=light]){--page: #101827;--surface: #182233;--surface-muted: #202c40;--text: #edf2f7;--muted: #b7c3d2;--border: #405069;--accent: #67c8c5;--accent-strong: #92e0dc;--focus: #8fe4e1;--warning-bg: #3c3218;--warning-border: #d7af42;--warning-text: #ffe59a;--error-bg: #3c2025;--error-border: #e17878;--error-text: #ffd0d0}}@media (max-width: 840px){.wizard-layout{grid-template-columns:minmax(0,1fr)}.preview-panel{position:static}}@media (max-width: 560px){.app-shell{padding:20px 14px 32px}.wizard-header{gap:16px}.question-step,.advanced-settings,.export-review,.preview-panel,.side-router-guidance{padding:16px}.download-actions>button{width:100%}}@media (prefers-reduced-motion: no-preference){button,input,textarea,select,.question-step,.advanced-settings,.export-review,.preview-panel{transition:border-color .14s ease,background-color .14s ease,color .14s ease,box-shadow .14s ease}}