:root{--bg:#f5f5f4;--card:#fff;--border:#e7e5e4;--ink:#1c1917;--muted:#78716c;--faint:#a8a29e;--radius:12px;--radius-btn:8px;--font:system-ui, sans-serif}*{box-sizing:border-box}body{font-family:var(--font);background:var(--bg);color:var(--ink);place-items:center;min-height:100vh;margin:0;display:grid}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);width:min(560px,92vw);padding:2rem;box-shadow:0 1px 3px #0000000f}h1{margin:0 0 .25rem;font-size:1.2rem}.sub{color:var(--muted);margin:0 0 1.5rem;font-size:.85rem}.btn{border-radius:var(--radius-btn);background:var(--ink);color:#fff;cursor:pointer;border:0;padding:.6rem 1rem;font-family:inherit;font-size:.95rem;text-decoration:none;display:inline-block}dl{grid-template-columns:auto 1fr;gap:.4rem 1rem;margin:0 0 1.5rem;font-size:.95rem;display:grid}dt{color:var(--muted)}dd{margin:0;font-weight:500}.section{border-top:1px solid var(--border);margin-top:1.25rem;padding-top:1.25rem}.section-title{margin:0 0 .25rem;font-size:1rem}.muted{color:var(--faint);font-size:.85rem}form{display:inline}.row{justify-content:space-between;align-items:center;margin-top:1.5rem;display:flex}.scenario-list{flex-direction:column;gap:.5rem;display:flex}.scenario-link{border:1px solid var(--border);border-radius:var(--radius-btn);color:var(--ink);flex-direction:column;gap:.15rem;padding:.75rem .9rem;text-decoration:none;display:flex}.scenario-link:hover{border-color:var(--faint)}.scenario-name{font-size:.95rem;font-weight:500}.scenario-meta{margin:.5rem 0 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem}.tabs{border-bottom:1px solid var(--border);gap:.25rem;margin-bottom:1rem;display:flex}.tab{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.45rem .85rem;font-size:.9rem}.tab-active{color:var(--ink);border-bottom-color:var(--ink);font-weight:500}.file-tabs{flex-wrap:wrap;gap:.25rem;margin-bottom:.5rem;display:flex}.file-tab{border:1px solid var(--border);border-radius:var(--radius-btn);color:var(--muted);cursor:pointer;background:0 0;padding:.25rem .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem}.file-tab-active{color:var(--ink);border-color:var(--faint)}.code{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-btn);white-space:pre;tab-size:4;max-height:min(52vh,440px);margin:0;padding:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;line-height:1.5;overflow:auto}.scenario-head{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.scenario-head a{white-space:nowrap;text-decoration:none}.chat{border-top:1px solid var(--border);border-bottom:1px solid var(--border);flex-direction:column;gap:.85rem;height:min(48vh,380px);margin:1rem 0;padding:1rem .25rem;display:flex;overflow-y:auto}.msg{flex-direction:column;gap:.2rem;max-width:85%;display:flex}.msg-user{align-self:flex-end;align-items:flex-end}.msg-assistant{align-self:flex-start}.msg-role{color:var(--faint);text-transform:uppercase;letter-spacing:.03em;font-size:.7rem}.msg-body{border-radius:var(--radius-btn);white-space:pre-wrap;word-break:break-word;padding:.5rem .75rem;font-size:.9rem;line-height:1.4}.msg-user .msg-body{background:var(--ink);color:#fff}.msg-assistant .msg-body{background:var(--bg);border:1px solid var(--border)}.chat-error{color:#b91c1c;border-radius:var(--radius-btn);background:#fef2f2;border:1px solid #fecaca;margin-bottom:.75rem;padding:.5rem .65rem;font-size:.8rem}.composer{gap:.5rem;display:flex}.composer input{border:1px solid var(--border);border-radius:var(--radius-btn);flex:1;padding:.55rem .7rem;font-family:inherit;font-size:.9rem}.composer .btn{flex:none}.composer .btn:disabled{opacity:.5;cursor:default}