:root{--bg:#f6f6f5;--panel:#fff;--ink:#1b1b1a;--muted:#6d6d68;--border:#e0e0dc;--accent:#2f6f4f;--error:brown;--warning:#8a6100;--radius:8px;--panel-width:340px}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:14px/1.45 ui-sans-serif,-apple-system,Segoe UI,sans-serif}button,a.primary{font:inherit;border:1px solid var(--border);background:var(--panel);color:var(--ink);cursor:pointer;border-radius:6px;padding:5px 10px}button:hover:not(:disabled),a.primary:hover{border-color:var(--muted)}button:disabled{opacity:.5;cursor:default}button.primary,a.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.link{color:var(--muted);background:0 0;border:none;padding:4px;text-decoration:underline}button.icon{padding:2px 7px;line-height:1.2}select,input,textarea{font:inherit;color:inherit;background:var(--panel);border:1px solid var(--border);border-radius:6px;width:100%;padding:5px 7px}textarea{resize:vertical;min-height:52px}label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:3px;font-size:11px;display:block}.signin{place-items:center;height:100%;display:grid}.signin-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);text-align:center;width:320px;padding:28px}.signin-card h1{margin:0;font-size:18px}.signin-subtitle{color:var(--muted);margin:4px 0 20px}.signin-error{color:var(--error);margin:0 0 14px}.signin-card .primary{width:100%;padding:8px;text-decoration:none;display:block}.shell{grid-template-columns:minmax(0, 1fr) var(--panel-width);height:100%;display:grid}.stage{flex-direction:column;gap:8px;min-width:0;padding:10px;display:flex}.toolbar{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.toolbar select{width:auto}.toolbar .spacer{flex:1}.viewport{border:1px solid var(--border);border-radius:var(--radius);background:#e9e9e5;flex:1;place-items:center;min-height:0;display:grid;overflow:hidden}.viewport-scaler{transform-origin:0 0}.viewport iframe{border:0;display:block}.viewport-empty{color:var(--muted);text-align:center;max-width:44ch;padding:20px}.viewport-empty code{background:var(--bg);border-radius:4px;padding:1px 4px}.statusbar{color:var(--muted);gap:12px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px;display:flex}.panel{background:var(--panel);border-left:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.panel-header{border-bottom:1px solid var(--border);flex-direction:column;gap:8px;padding:10px;display:flex}.panel-header-row{align-items:center;gap:6px;display:flex}.panel-body{flex-direction:column;flex:1;gap:10px;min-height:0;padding:10px;display:flex;overflow-y:auto}.panel-body.json{padding:0}.panel-body.json textarea{border:0;border-radius:0;flex:1;min-height:0;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12px}.who{color:var(--muted);font-size:11px}.turn{border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:8px;padding:9px;display:flex}.turn-head{align-items:center;gap:6px;display:flex}.badge{background:var(--bg);min-width:22px;height:22px;color:var(--muted);border-radius:999px;place-items:center;font-size:12px;display:grid}.turn-head .spacer{flex:1}.turn-extras{color:var(--warning);background:#fdf6e3;border-radius:6px;padding:5px 7px;font-size:12px}.turn-extras code{font-size:11px}.empty{color:var(--muted);text-align:center;padding:24px 8px}.issues{border-top:1px solid var(--border);max-height:30%;padding:8px 10px;font-size:12px;overflow-y:auto}.issue{gap:6px;padding:2px 0;display:flex}.issue .path{color:var(--muted);flex-shrink:0;font-family:ui-monospace,SFMono-Regular,monospace}.issue.error .message{color:var(--error)}.issue.warning .message{color:var(--warning)}.notice{font-size:12px}