:root{--paper: #f6f3ec;--panel: #efeade;--ink: #16191d;--muted: #5a6672;--teal: #0e6f6b;--teal-soft: #d9e9e7;--amber: #8a5a00;--amber-soft: #f3e3c2;--error: #8c2f22;--hairline: #d8d1c0;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--serif: Georgia, "Times New Roman", serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--mono);font-size:13px;line-height:1.5}.bench{display:grid;grid-template-columns:260px 1fr 320px;grid-template-rows:auto 1fr;grid-template-areas:"mast mast mast" "panel chat tele";height:100vh}.masthead{grid-area:mast;display:flex;align-items:baseline;gap:14px;padding:10px 18px;border-bottom:1px solid var(--hairline);background:var(--panel)}.masthead h1{font-family:var(--serif);font-size:20px;font-weight:400;margin:0}.masthead h1 em{color:var(--teal);font-style:italic}.mode-stamp{border:1.5px solid var(--teal);color:var(--teal);border-radius:3px;padding:1px 8px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;transform:rotate(-1.5deg)}.mode-stamp.mode-customer{border-color:var(--amber);color:var(--amber)}.mode-stamp.mode-ambient{border-color:var(--muted);color:var(--muted)}.thread{margin-left:auto;color:var(--muted);font-size:11px}.panel{grid-area:panel;border-right:1px solid var(--hairline);padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:4px}.field span{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}select,input,button{font:inherit;color:var(--ink);background:#fffdf7;border:1px solid var(--hairline);border-radius:4px;padding:7px 9px}select:focus-visible,input:focus-visible,button:focus-visible{outline:2px solid var(--teal);outline-offset:1px}.agent-card{margin:0;color:var(--muted);font-size:12px}.chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.chips i{font-style:normal;font-size:10px;border:1px solid var(--hairline);border-radius:3px;padding:0 6px;background:#fffdf7}.chips i.mode{border-color:var(--teal);color:var(--teal)}button{cursor:pointer}button.ghost{background:transparent}button.ghost:hover{border-color:var(--teal);color:var(--teal)}.raw-toggle{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.raw-toggle input{width:auto}.conversation{grid-area:chat;display:flex;flex-direction:column;min-width:0}.log{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:12px}.empty{max-width:46ch;color:var(--muted);margin:auto;text-align:center}.bubble{max-width:68ch;padding:10px 14px;border-radius:6px}.bubble.user{align-self:flex-end;background:var(--teal);color:#fffdf7}.bubble.agent{align-self:flex-start;background:#fffdf7;border:1px solid var(--hairline)}.bubble.agent p:first-child{margin-top:0}.bubble.agent p:last-child{margin-bottom:0}.bubble.agent table{border-collapse:collapse}.bubble.agent td,.bubble.agent th{border:1px solid var(--hairline);padding:3px 8px}.bubble.error{align-self:center;color:var(--error);border:1px dashed var(--error);background:transparent}.bubble .meta{display:block;margin-top:8px;color:var(--muted);font-size:11px}.thinking{color:var(--muted)}.composer{display:flex;gap:8px;padding:14px 20px;border-top:1px solid var(--hairline);background:var(--panel)}.composer input{flex:1}.composer button{background:var(--teal);color:#fffdf7;border-color:var(--teal)}.composer button:disabled{opacity:.5;cursor:default}.telemetry{grid-area:tele;border-left:1px solid var(--hairline);padding:16px;overflow-y:auto}.telemetry h2{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:14px 0 8px;font-weight:600}.telemetry h2:first-child{margin-top:0}.none{color:var(--muted);font-size:12px;margin:0}.read{border-left:3px solid var(--muted);padding:4px 10px;margin-bottom:8px;display:flex;flex-direction:column;gap:2px}.read b{color:var(--ink)}.read span{color:var(--muted);font-size:12px}.read code{font-size:11px;color:var(--muted);word-break:break-all}.docket{border:1px solid var(--amber);border-left:6px solid var(--amber);background:var(--amber-soft);border-radius:4px;padding:10px 12px;margin-bottom:10px}.docket-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.docket-head b{color:var(--amber)}.docket-head i{font-size:10px;color:var(--muted)}.docket p{margin:6px 0;font-size:12px}.docket code{display:block;font-size:11px;white-space:pre-wrap;word-break:break-all}.docket-foot{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.docket-foot span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--amber)}.docket-foot button{font-size:11px;padding:3px 8px}.studio{display:flex;flex-direction:column;gap:10px;margin-top:10px}textarea{font:inherit;font-size:11px;background:#fffdf7;border:1px solid var(--hairline);border-radius:4px;padding:7px 9px;resize:vertical}textarea:focus-visible{outline:2px solid var(--teal);outline-offset:1px}.studio-actions{display:flex;gap:8px}.studio-actions button{font-size:11px;padding:5px 9px}.studio-actions button:not(.ghost){background:var(--teal);color:#fffdf7;border-color:var(--teal)}.studio-note{font-size:11px;color:var(--muted);margin:0;border-left:3px solid var(--teal);padding-left:8px}.raw{margin-top:14px;padding:10px;border:1px solid var(--hairline);background:#fffdf7;font-size:11px;white-space:pre-wrap;word-break:break-all}@media (max-width: 980px){.bench{grid-template-columns:1fr;grid-template-areas:"mast" "panel" "chat" "tele";grid-template-rows:auto auto 1fr auto}.panel,.telemetry{border:none;border-bottom:1px solid var(--hairline)}}