:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f6f7f9;--ink:#141414;--muted:#4b5160;--surface:#fff;--line:#e2e4e8;--line-strong:#c8ced8;--danger:#8a1f1f;--field:#f6f7f9}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#12141a;--ink:#f4f6f8;--muted:#c5cad3;--surface:#1c2028;--line:#343a46;--line-strong:#4a5160;--danger:#ffb4b4;--field:#12141a}body{background:var(--page);color:var(--ink);margin:0;font-family:system-ui,sans-serif}.shell{grid-template-columns:240px minmax(0,1fr);min-height:100vh;display:grid}.shell[data-settings-open=true]{grid-template-columns:240px minmax(0,1fr) 300px}.sidebar,.settings{background:var(--surface);border-right:1px solid var(--line);padding:20px 16px}.settings{border-right:0;border-left:1px solid var(--line)}.product{margin:0 0 8px;font-weight:600}.session-note,.canvas-note,.settings p{color:var(--muted);margin:0;font-size:14px;line-height:1.45}.settings-toggle,.scheme-toggle,.composer button{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:8px;padding:8px 12px}.scheme-toggle{margin-top:20px}.settings-toggle{margin-top:8px}.upload{border:1px dashed var(--line-strong);background:var(--field);border-radius:8px;margin-top:16px;padding:12px;position:relative}.upload-label{cursor:pointer;font-size:13px;line-height:1.4;display:block}.upload input{clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.upload p{color:var(--danger);margin:8px 0 0;font-size:13px}.upload p.upload-status{color:var(--muted)}.samples{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.samples button{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:8px;padding:8px 10px}.landing h2{margin:0 0 8px;font-size:20px}.preview{margin-bottom:24px}.preview-summary{margin:0 0 8px;font-size:14px}.preview-scroll{background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow-x:auto}.preview table{border-collapse:collapse;width:100%;font-size:14px}.preview th,.preview td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:8px 10px}.preview th{font-weight:600}.col-type{color:var(--muted);margin-top:2px;font-size:12px;font-weight:400;display:block}.plan{margin-top:20px}.plan h2{margin:0 0 8px;font-size:16px}.plan-note{color:var(--muted);margin:0 0 8px;font-size:14px}.plan textarea{box-sizing:border-box;border:1px solid var(--line-strong);background:var(--surface);border-radius:8px;width:100%;margin-bottom:8px;padding:8px 10px;font:13px ui-monospace,monospace;display:block}.plan-chart{align-items:center;gap:8px;margin:12px 0;font-size:14px;display:flex}.plan-chart select{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:8px;padding:8px 10px}.plan>button{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:8px;padding:8px 12px}.plan>p[role=status]{color:var(--danger);margin:8px 0 0;font-size:14px}.settings h2{margin:0 0 8px;font-size:16px}.settings-form{flex-direction:column;gap:8px;margin-top:12px;display:flex}.settings-form label{font-size:13px;font-weight:600}.settings-form input,.settings-actions button{font:inherit;color:var(--ink);border:1px solid var(--line-strong);background:var(--surface);border-radius:8px;padding:8px 10px}.settings-actions{flex-wrap:wrap;gap:8px;display:flex}.chat{flex-direction:column;min-width:0;display:flex}.chat-canvas{flex:1;padding:24px;overflow:auto}.canvas-note{margin-bottom:16px}.turn{margin-top:24px}.turn h2{margin:0 0 12px;font-size:16px}.turn p[role=status]{color:var(--danger);margin:0 0 12px;font-size:14px}.composer{border-top:1px solid var(--line);background:var(--surface);grid-template-columns:1fr auto;align-items:end;gap:8px 12px;padding:12px 24px 16px;display:grid}.composer label{grid-column:1/-1;font-size:13px;font-weight:600}.composer textarea{box-sizing:border-box;resize:vertical;width:100%;font:inherit;border:1px solid var(--line-strong);background:var(--field);color:var(--ink);border-radius:8px;padding:8px 10px}@media (max-width:800px){.shell,.shell[data-settings-open=true]{grid-template-columns:1fr}.sidebar,.settings{border-right:0;border-bottom:1px solid var(--line);border-left:0;padding:16px}.chat-canvas,.composer{padding-left:16px;padding-right:16px}.composer{grid-template-columns:1fr}.composer button,.scheme-toggle,.settings-toggle,.samples button,.plan>button,.settings-actions button{min-height:44px}}