:root{color-scheme:light;--bg: #ebe4d8;--bg-2: #f6f1e8;--ink: #241e18;--muted: #6d645a;--line: #d9d0c3;--accent: #1d4a3a;--accent-2: #e7f0ea;--paper: #fffdf8;--user: #efe6d4;--danger: #8f2d2d;--shadow: 0 16px 40px rgba(60, 42, 20, .08);font-family:Avenir Next,Segoe UI,PingFang SC,Noto Sans SC,sans-serif}body[data-scenario=helios],#app[data-scenario=helios]{--bg: #e5eee6;--bg-2: #f3f7f2;--accent: #1e4d34;--accent-2: #e5f2e8;--user: #e3ecdf;--line: #d0ddd2}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:radial-gradient(1200px 400px at 10% -10%,rgba(255,255,255,.7),transparent 50%),var(--bg);color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}#app{height:100%;min-height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr) 168px auto;gap:10px;padding:14px 16px 12px}.top,.stage,.protocol,.transport,.chat,.canvas-wrap{min-width:0}.top{display:flex;align-items:center;gap:16px}.mark{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#f7f3ea;text-decoration:none;font-family:Iowan Old Style,Palatino,Songti SC,serif;font-size:13px}.titles{flex:1}.kicker,h1,.lede,.protocol h2,.chat-head,.canvas-head,#workspace h2{margin:0}.kicker{color:var(--accent);font-size:12px;letter-spacing:.08em}h1{font-family:Iowan Old Style,Palatino,Songti SC,serif;font-size:28px;font-weight:500;letter-spacing:-.03em}nav{display:flex;gap:6px}nav a{color:var(--ink);text-decoration:none;border:1px solid transparent;border-radius:999px;padding:6px 12px}nav a[data-active=true]{background:var(--paper);border-color:var(--line)}.lede{color:var(--muted);max-width:78rem;line-height:1.45}.stage{display:grid;grid-template-columns:360px minmax(0,1fr);gap:12px;min-height:0}.chat,.canvas-wrap,.protocol{background:var(--bg-2);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.chat,.canvas-wrap{display:flex;flex-direction:column;min-height:0}.chat-head,.canvas-head,.protocol-head,.transport{display:flex;align-items:center;justify-content:space-between;gap:12px}.chat-head,.canvas-head{padding:10px 14px;color:var(--muted);font-size:13px;border-bottom:1px solid var(--line)}#transcript{flex:1;overflow:auto;padding:12px;display:flex;flex-direction:column;gap:10px}article{display:grid;gap:4px;max-width:95%;padding:10px 12px;border-radius:14px;background:var(--paper)}article[data-role=user]{align-self:end;background:var(--user)}article[data-role=note]{align-self:stretch;background:transparent;color:var(--muted);padding:0 4px}article span,#context-chip,.log-title span,.empty{font-size:12px}article span{color:var(--muted)}article p,.lede,#step-label,.log-title{line-height:1.45}article p{margin:0}article em{font-style:normal;color:var(--accent)}#context-chip{margin:0 12px 8px;padding:6px 10px;border-radius:999px;background:var(--accent-2);color:var(--accent)}#workspace{border-top:1px solid var(--line);padding:8px 12px 12px}#workspace h2,.protocol h2{font-size:13px;font-weight:600}#workspace-files,#tool-log{list-style:none;margin:8px 0 0;padding:0}#workspace-files li,#tool-log li{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:4px 0}#workspace-files button,.transport button{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:4px 10px}.canvas-wrap iframe{flex:1;width:100%;border:0;background:#fff;border-radius:0 0 18px 18px}.protocol{padding:10px 12px 12px;min-height:0;display:flex;flex-direction:column}.protocol-head{color:var(--muted);font-size:12px}#tool-log{overflow:auto}#tool-log li{display:grid;justify-content:stretch;padding:6px 0;border-top:1px solid var(--line)}#tool-log li[data-error=true] .log-title strong{color:var(--danger)}.log-title{display:flex;gap:8px;align-items:baseline}.log-title strong{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.log-title span:last-child{margin-left:auto;color:var(--accent);font-variant-numeric:tabular-nums}#tool-log li[data-error=true] .log-title span:last-child{color:var(--danger)}#tool-log p{margin:2px 0 0;color:var(--muted);font-size:12px}#tool-log pre{white-space:pre-wrap;font-size:11px;background:var(--paper);padding:8px;border-radius:8px}.transport{padding:0 4px}.buttons{display:flex;gap:8px}.transport button{min-width:76px;padding:8px 14px;background:var(--accent);color:#f6f3ec;border-color:var(--accent)}.transport button:disabled{opacity:.45;cursor:default}#reset-button{background:transparent;color:var(--ink)}#step-label{margin:0;color:var(--muted)}#host-error{margin:0;color:var(--danger)}.empty{color:var(--muted)}@media(max-width:900px){#app{height:auto;grid-template-rows:auto auto auto auto auto}.stage{grid-template-columns:1fr}.canvas-wrap{height:78vh}#transcript{max-height:280px}}