:root{--bg:#0e0b14;--bg-2:#15101e;--surface:#1b1526;--surface-2:#241c32;--border:#35294a;--text:#f4f0ff;--muted:#a79cbc;--accent:#ff6aa8;--accent-2:#ffb259;--ok:#22c55e;--warn:#eab308;--danger:#ef4444;--info:#3b82f6;--radius:12px;--gutter:16px;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--sans:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color-scheme:dark}:root[data-theme=light]{--bg:#f6f2fb;--bg-2:#ece6f5;--surface:#ffffff;--surface-2:#f1ebf9;--border:#d9cdea;--text:#1c1528;--muted:#6c6180;color-scheme:light}*{box-sizing:border-box}body,html{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;overflow-x:hidden}body,h1,h2,h3,h4,p{margin:0}button,input,select,textarea{font:inherit;color:inherit}code{font-family:var(--mono);font-size:.92em}ol,ul{margin:0;padding:0;list-style:none}.muted{color:var(--muted)}.small{font-size:12px}.error{color:var(--danger)}.shell{display:flex;flex-direction:column;height:100dvh;min-height:0}.topbar{justify-content:space-between;gap:12px;padding:10px var(--gutter);background:var(--bg-2);border-bottom:1px solid var(--border);flex-wrap:wrap}.brand,.topbar{display:flex;align-items:center}.brand{gap:10px}.brand h1{font-size:16px;letter-spacing:.14em;font-weight:800}.logo{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#1a1020;font-weight:900;font-family:var(--mono)}.topbar-stats{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.layout{flex:1 1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 420px}.stage{position:relative;min-height:0;overflow:hidden;background:var(--bg)}.dock{display:flex;flex-direction:column;min-height:0;border-left:1px solid var(--border);background:var(--bg-2)}.canvas-host,.canvas-wrap{position:absolute;inset:0}.canvas-host canvas{cursor:-webkit-grab;cursor:grab}.canvas-host canvas:active{cursor:-webkit-grabbing;cursor:grabbing}.canvas-loading{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted)}.canvas-tools{top:10px;gap:6px}.canvas-tools,.legend{position:absolute;left:10px;display:flex}.legend{bottom:10px;gap:12px;flex-wrap:wrap;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--bg) 82%,transparent);border:1px solid var(--border);font-size:11px;color:var(--muted);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.legend li{display:flex;align-items:center;gap:6px}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:none}.dot.pulse{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 0 rgba(59,130,246,.6)}50%{box-shadow:0 0 0 5px rgba(59,130,246,0)}}.chip,.status{display:inline-flex;align-items:center;gap:6px}.chip{padding:3px 9px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:12px;color:var(--text);white-space:nowrap}.chip.tiny{padding:0 6px;font-size:10px}.chip.warn{border-color:var(--warn);color:var(--warn)}.chip.ok{border-color:var(--ok);color:var(--ok)}.chip.link{cursor:pointer;background:transparent}.chip.link:hover{background:var(--surface-2)}.chips{display:flex;flex-wrap:wrap}.btn,.chips{gap:6px;align-items:center}.btn{display:inline-flex;justify-content:center;padding:8px 14px;border-radius:10px;border:1px solid var(--border);background:var(--surface);cursor:pointer;min-height:38px;font-weight:600}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#1a1020}.btn.primary:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 88%,white)}.btn.small{min-height:32px;padding:4px 10px;font-size:12px}.btn.icon{min-width:34px;min-height:34px;padding:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;gap:8px}.link{color:var(--accent);text-decoration:none;font-weight:600}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row>select{flex:1 1;min-width:0}input,select,textarea{width:100%;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:var(--bg);min-height:38px}textarea{resize:vertical}.bar{height:6px;background:var(--surface-2);overflow:hidden}.bar,.bar>span{border-radius:3px}.bar>span{display:block;height:100%;transition:width .3s}.empty{color:var(--muted);padding:24px 8px;text-align:center}.tabs{display:flex;gap:2px;padding:8px 8px 0;overflow-x:auto;border-bottom:1px solid var(--border);scrollbar-width:none}.tabs button{position:relative;border:0;background:transparent;padding:8px 12px;cursor:pointer;color:var(--muted);font-weight:600;border-bottom:2px solid transparent;white-space:nowrap}.tabs button.active{color:var(--text);border-bottom-color:var(--accent)}.badge{margin-left:6px;background:var(--warn);color:#201700;border-radius:999px;padding:0 6px;font-size:11px;font-weight:800}.tab-content{flex:1 1;min-height:0;overflow-y:auto;padding:var(--gutter)}.panel-body{display:flex;flex-direction:column;gap:12px}.panel-body h4{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-top:4px}.approval header{display:flex;justify-content:space-between;align-items:center;gap:8px}.media{display:flex;flex-direction:column;gap:6px}.media img,.media video{width:100%;max-height:220px;object-fit:cover;border-radius:10px;background:#000}.media audio{width:100%}.decided li{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;padding:4px 0;border-bottom:1px dashed var(--border)}.feed{display:flex;flex-direction:column;gap:2px}.feed li{display:grid;grid-template-columns:62px auto 1fr;grid-gap:8px;gap:8px;align-items:start;padding:7px 0;border-bottom:1px solid var(--border);animation:slide .25s ease-out}@keyframes slide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.feed time{color:var(--muted);font-family:var(--mono);font-size:11px;padding-top:3px}.feed .who{border:1px solid;border-radius:999px;padding:1px 9px;background:transparent;cursor:pointer;font-weight:700;font-size:12px}.feed .what{display:flex;flex-direction:column;min-width:0}.feed .what>span:first-child{overflow-wrap:anywhere}.kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);grid-gap:10px;gap:10px;overflow-x:auto;padding-bottom:8px}.column{display:flex;flex-direction:column;gap:8px;min-width:150px}.column h3{font-size:12px;text-transform:uppercase;letter-spacing:.06em;padding-bottom:6px;border-bottom:3px solid;display:flex;justify-content:space-between}.count{color:var(--muted)}.card.ep{gap:4px;align-items:flex-start}.card.ep.live{border-color:var(--info);box-shadow:0 0 0 1px var(--info) inset}.metrics-card h3{font-size:13px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.metric{display:flex;flex-direction:column;gap:2px}.metric strong{font-size:18px;font-family:var(--mono)}.up{color:var(--ok)}.down{color:var(--danger)}.skills{flex-direction:column}.skill-head,.skills{display:flex;gap:8px}.skill-head{align-items:center}.uses{margin-left:auto;color:var(--accent-2);font-weight:700;font-size:12px}.total{align-items:center}.total strong{font-size:28px;font-family:var(--mono)}.bars li{display:grid;grid-template-columns:78px 1fr 70px;grid-gap:8px;gap:8px;align-items:center;padding:3px 0}.bars em{font-style:normal;text-align:right;font-family:var(--mono);font-size:12px}.agent-panel{position:absolute;top:10px;right:10px;bottom:10px;width:min(360px,calc(100% - 20px));overflow-y:auto;background:color-mix(in srgb,var(--bg-2) 96%,transparent);border:1px solid var(--border);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 14px 40px rgba(0,0,0,.4)}.agent-panel header{display:flex;justify-content:space-between;align-items:flex-start}.agent-title{display:flex;gap:10px;align-items:center}.agent-title h2{font-size:20px}.swatch{width:10px;height:38px;border-radius:4px}.agent-panel h3{font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}.agent-panel h3,.desc{color:var(--muted)}.skill-list,.task{display:flex;flex-direction:column;gap:6px}.skill-list li{border:1px solid var(--border);border-radius:10px;padding:8px 10px;background:var(--surface)}.skill-list li.active{background:var(--surface-2);box-shadow:inset 0 0 0 1px currentColor}.two-col{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.plain li{padding:2px 0}.plain li:before{content:"• ";color:var(--muted)}.history{display:flex;flex-direction:column;gap:6px}.history li{display:grid;grid-template-columns:60px 1fr;grid-gap:2px 8px;gap:2px 8px}.history time{color:var(--muted);font-family:var(--mono);font-size:11px;grid-row:span 2}.controls .row+.row{margin-top:8px}.login{min-height:100dvh;display:grid;place-items:center;padding:var(--gutter)}.login-card{width:min(360px,100%);display:flex;flex-direction:column;gap:10px;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:16px;text-align:center}.login-card label{text-align:left;font-size:12px;color:var(--muted)}.login-logo{width:54px;height:54px;margin:0 auto;border-radius:14px;display:grid;place-items:center;font:900 24px var(--mono);background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#1a1020}@media (max-width:960px){.layout{grid-template-columns:1fr;grid-template-rows:minmax(300px,54dvh) minmax(0,1fr)}.dock{border-left:0;border-top:1px solid var(--border)}.agent-panel{top:auto;left:8px;right:8px;bottom:8px;width:auto;max-height:72%}.brand p,.legend{display:none}.topbar{padding:8px var(--gutter)}}@media (prefers-reduced-motion:reduce){.dot.pulse,.feed li{animation:none}}