:root{--paper:#f1f0ec;--surface:#fbfaf7;--ink:#1a2126;--muted:#5f6b73;--line:#d7d4cb;--accent:#27506b;--accent-press:#1c3d53;--on-accent:#fbfaf7;--alert:#b3322a;--alert-bg:#f9e9e7;--warn:#9a5c11;--warn-bg:#f8eedd;--ok:#2c6549;--focus:#27506b;--r:3px;--tap:44px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--t-display:26px;--t-title:20px;--t-body:15px;--t-code:13px;--t-label:11px;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--serif:Georgia, "Iowan Old Style", "Times New Roman", serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#16191c;--surface:#1d2126;--ink:#e6e6e0;--muted:#98a3ab;--line:#2d333a;--accent:#7fa8c4;--accent-press:#9cbdd4;--on-accent:#0e1519;--alert:#e08b84;--alert-bg:#2e1c1a;--warn:#d9a55e;--warn-bg:#2b2318;--ok:#7cb99a;--focus:#7fa8c4}}:root[data-theme=dark]{--paper:#16191c;--surface:#1d2126;--ink:#e6e6e0;--muted:#98a3ab;--line:#2d333a;--accent:#7fa8c4;--accent-press:#9cbdd4;--on-accent:#0e1519;--alert:#e08b84;--alert-bg:#2e1c1a;--warn:#d9a55e;--warn-bg:#2b2318;--ok:#7cb99a;--focus:#7fa8c4}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:var(--paper);color:var(--ink);font:var(--t-body) / 1.55 var(--sans);-webkit-text-size-adjust:100%}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}button{font:600 var(--t-body) / 1 var(--sans);min-height:var(--tap);padding:0 var(--s4);border-radius:var(--r);border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}button.primary:active{background:var(--accent-press);border-color:var(--accent-press)}button:disabled{opacity:.5;cursor:not-allowed}input,textarea{font:var(--t-body) / 1.5 var(--sans);color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:var(--s2) var(--s3);width:100%;min-height:var(--tap)}input:focus-visible,textarea:focus-visible{border-color:var(--accent);outline-offset:1px}textarea{font-family:var(--mono);font-size:var(--t-code);resize:none}label{font:600 var(--t-label) / 1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--s1);display:block}.signin-wrap{min-height:100dvh;padding:var(--s5);place-items:center;display:grid}.signin{background:var(--surface);border:1px solid var(--line);width:min(26rem,100%);padding:var(--s6);gap:var(--s4);border-radius:6px;flex-direction:column;display:flex}.signin h1{font:400 var(--t-display) / 1.15 var(--serif);margin:0}.signin p.lede{color:var(--muted);margin:0}.signin button{margin-top:var(--s2);width:100%}.studio{grid-template-rows:auto 1fr;height:100dvh;display:grid}.bar{align-items:center;gap:var(--s3);padding:var(--s2) var(--s4);border-bottom:1px solid var(--line);background:var(--paper);flex-wrap:wrap;display:flex}.bar .code{font:700 var(--t-code) / 1 var(--mono);color:var(--accent)}.bar .spacer{flex:1}.ai-notice{font-size:var(--t-label);color:var(--muted)}.panes{background:var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,.7fr);gap:1px;min-height:0;display:grid}@media (max-width:1099px){.panes{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.pane.versions{grid-column:1/-1}}@media (max-width:899px){.studio{height:auto;min-height:100dvh}.panes{grid-template-columns:1fr}}.pane{background:var(--paper);flex-direction:column;min-width:0;min-height:0;display:flex}.pane h2{padding:var(--s2) var(--s3);font:600 var(--t-label) / 1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);margin:0}.pane .body{min-height:0;padding:var(--s3);gap:var(--s3);flex-direction:column;flex:1;display:flex;overflow:auto}.pane .body.tight{padding:0}iframe.preview{background:#fff;border:0;width:100%;height:100%;min-height:18rem}.versions{margin:0;padding:0;list-style:none}.versions li{padding:var(--s3) var(--s4);border-bottom:1px solid var(--line);min-height:var(--tap)}.versions .seq{font:600 var(--t-label) / 1 var(--mono);color:var(--muted)}.versions .prediction{margin-top:var(--s1);font:var(--t-body) / 1.4 var(--serif);display:block}.state{padding:var(--s4);color:var(--muted)}.state.error{background:var(--alert-bg);border-left:4px solid var(--alert);border-radius:var(--r);color:var(--ink);padding:var(--s3) var(--s4);font-weight:600}.state.limit{background:var(--warn-bg);border-left:4px solid var(--warn);border-radius:var(--r);color:var(--ink);padding:var(--s3) var(--s4)}.row{flex-wrap:wrap;gap:.6rem;display:flex}.principle{border:1px solid var(--line,#d7d4cb);border-left:4px solid var(--accent,#27506b);background:var(--surface,#fbfaf7);border-radius:3px;flex-direction:column;gap:.5rem;padding:.85rem 1rem;display:flex}.principle ul{flex-direction:column;gap:.3rem;margin:0;padding-left:1.1rem;display:flex}.principle button{align-self:flex-start;min-height:44px}.outcome{letter-spacing:.03em;border:1px solid;border-radius:999px;padding:.05rem .5rem;font-size:.75rem}.outcome.kept{color:#2c6549}.outcome.reverted{color:#9a5c11}.versions li{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.versions li button,.row button{min-height:44px}.compare{grid-template-columns:1fr 1fr;align-items:stretch;gap:.75rem;display:grid}.compare .lane{flex-direction:column;gap:.4rem;min-width:0;display:flex}.compare .lane h3{letter-spacing:.02em;color:var(--muted,#5f6b73);margin:0;font-size:.8125rem;font-weight:600}.compare iframe{aspect-ratio:4/3;border:1px solid var(--line,#d7d4cb);background:#fff;border-radius:3px;width:100%}@media (max-width:1099px){.compare{gap:.5rem}}@media (max-width:899px){.compare iframe{aspect-ratio:3/4}.compare .lane h3{font-size:.75rem}}.compare .lane{overflow-x:auto}.compare-hint{color:var(--muted,#5f6b73);font-size:.875rem}.reply{font-family:var(--serif,Georgia, serif);border-left:3px solid var(--accent,#27506b);font-size:1rem;line-height:1.55}.safeguarding{font-family:var(--serif,Georgia, serif);border-left:4px solid var(--alert,#b3322a);background:var(--alert-bg,#f9e9e7);font-size:1.0625rem;font-weight:600;line-height:1.6}