:root{--bg:#121212;--panel:#1f1f1f;--panel-2:#262626;--head:#191919;--line:#0b0b0b;--line-2:#333;--line-3:#3d3d3d;--text:#d0d0d0;--bright:#f0f0f0;--muted:#8d8d8d;--dim:#5f5f5f;--blue:#3b8eea;--blue-soft:rgba(59,142,234,.18);--violet:#a87dff;--violet-2:#8a5cf0;--violet-soft:rgba(168,125,255,.14);--vclip:#3c6a96;--aclip:#2f7a51;--mclip:#2b6a74;--amber:#e8b04a;--sans:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",sans-serif;--mono:ui-monospace,"SF Mono",Menlo,monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:11px;-webkit-font-smoothing:antialiased;overflow:hidden}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:1px solid var(--blue);outline-offset:1px}.sp{flex:1}.mono{font-family:var(--mono)}*{scrollbar-width:thin;scrollbar-color:#3a3a3a transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:4px}::-webkit-scrollbar-track{background:transparent}kbd{font-family:var(--mono);font-size:10px;color:var(--bright);background:#2d2d2d;border:1px solid #111;padding:0 5px;border-radius:2px;line-height:15px;white-space:nowrap}.app{height:100vh;display:grid;gap:2px;background:var(--line);grid-template-columns:232px minmax(0,1fr) 300px;grid-template-rows:28px minmax(0,47fr) minmax(0,53fr) 24px;grid-template-areas:"menu menu menu" "lib mon agent" "keys tl insp" "status status status"}.menu{grid-area:menu;display:flex;align-items:center;gap:2px;padding:0 8px;background:var(--head);font-size:11.5px;position:relative;z-index:30}.menu .mi{padding:4px 8px;color:var(--text);border-radius:3px}.menu .brand{font-weight:700;color:var(--bright);padding-right:10px;display:flex;align-items:center;gap:6px}.menu .brand i{width:14px;height:14px;border-radius:3px;background:linear-gradient(135deg,#3b8eea,#a87dff)}.ws{display:flex;gap:2px}.ws span{padding:5px 10px;color:var(--muted);font-size:11.5px;border-bottom:2px solid transparent}.ws span.is-on{color:var(--bright);border-color:var(--blue)}.chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:10.5px;padding:2px 8px;border:1px solid var(--line-3);border-radius:999px;color:var(--text);white-space:nowrap}.chip.violet{border-color:#a87dff73;background:var(--violet-soft);color:#dccbff}.chip .pv{width:7px;height:7px;border-radius:50%;background:var(--violet);box-shadow:0 0 0 3px #a87dff40}.chip.live .pv{animation:pulse 1s infinite}@keyframes pulse{50%{box-shadow:0 0 0 6px #a87dff0d}}.menu .chip{margin-left:8px}.about-btn{width:22px;height:22px;border-radius:50%;border:1px solid var(--line-3);margin-left:8px;color:var(--muted);font-weight:700}.about-btn:hover{color:var(--bright);border-color:var(--muted)}.about{position:absolute;right:8px;top:30px;width:330px;background:#232323;border:1px solid var(--line-3);border-radius:6px;box-shadow:0 16px 40px #0009;padding:14px 16px;font-size:12px;line-height:1.5;color:var(--text);z-index:50}.about h2{font-size:13px;color:var(--bright);margin-bottom:2px}.about .by{color:var(--muted);margin-bottom:10px}.about .by a{color:#9cc6ff}.about h3{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:10px 0 4px}.about ul{padding-left:16px}.about li{margin:2px 0}.about .x{position:absolute;right:8px;top:6px;color:var(--muted);font-size:14px;width:20px;height:20px}.panel{background:var(--panel);display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden;position:relative}.ptabs{display:flex;align-items:stretch;height:26px;background:var(--head);border-bottom:1px solid var(--line);flex:none}.ptabs>span,.ptabs>button{padding:0 10px;color:var(--muted);font-size:11px;white-space:nowrap;border-right:1px solid var(--line);display:flex;align-items:center}.ptabs .is-on{color:var(--bright);background:var(--panel);box-shadow:inset 0 2px 0 var(--blue)}.ptabs .is-on.v{box-shadow:inset 0 2px 0 var(--violet)}.ptabs .tail{margin-left:auto;border:0;border-left:1px solid var(--line);color:var(--dim)}.lib{grid-area:lib}.lib-scroll{flex:1;overflow:auto;padding-bottom:6px}.lib-note{padding:6px 10px 4px;color:var(--dim);font-size:10px}.tree{list-style:none}.tree li{display:flex;align-items:center;gap:6px;height:22px;padding:0 8px 0 calc(8px + var(--lv,0) * 14px);white-space:nowrap;cursor:default;-webkit-user-select:none;user-select:none}.tree li.item{cursor:pointer}.tree li.item:hover{background:#262626}.tree .fold{width:8px;color:var(--muted);font-size:8px}.tree .folder{color:#d9b25f;display:grid}.tree .folder svg,.tree .fxi svg{width:12px;height:12px}.tree .fxi{color:var(--muted);display:grid}.tree li.sel{background:var(--blue-soft);color:var(--bright)}.tree li.agentpick{box-shadow:inset 2px 0 0 var(--violet)}.tree .sw{width:22px;height:13px;border-radius:2px;overflow:hidden;flex:none;border:1px solid #000}.tree .sw img{width:100%;height:100%;object-fit:cover;display:block}.tree .tag{margin-left:auto;font-size:9.5px;font-family:var(--mono);color:var(--violet)}.tree .cnt{margin-left:auto;color:var(--dim);font-family:var(--mono);font-size:10px}.mon{grid-area:mon}.monitors{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--line);min-height:0}.mon-pane{background:#0c0c0c;display:flex;flex-direction:column;min-height:0;min-width:0}.mon-label{display:flex;justify-content:space-between;align-items:center;height:22px;padding:0 8px;background:var(--panel);font-size:10.5px;color:var(--muted);white-space:nowrap;gap:8px}.mon-label b{color:var(--text);font-weight:600}.mon-pane.prop .mon-label b{color:#d6c4ff}.screen{flex:1;min-height:0;container-type:size;display:grid;place-items:center;position:relative}.frame{position:relative;width:min(100cqw,calc(100cqh * 16 / 9));aspect-ratio:16/9;overflow:hidden;background:#000;container-type:inline-size}.layer{position:absolute;top:0;right:0;bottom:0;left:0}.layer img{width:100%;height:100%;object-fit:cover;display:block}.blackout{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;pointer-events:none}.mon-pane.prop.has .frame{outline:1px solid var(--violet);outline-offset:-1px}.mon-pane.prop:not(.has) .frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0810bd;z-index:4;pointer-events:none}.idle-note{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;color:#cdb8ff;font-size:11.5px;line-height:1.5;padding:0 18px;z-index:5}.idle-note span{background:#14101ecc;border:1px dashed rgba(168,125,255,.5);padding:6px 10px;border-radius:4px}.burn{position:absolute;left:6px;top:6px;font-family:var(--mono);font-size:10px;background:#000000a6;color:#eee;padding:1px 5px;border-radius:2px;z-index:4}.burn.v{left:auto;right:6px;background:#8a5cf0d9;color:#fff}.burn.tr{top:auto;bottom:6px;left:6px;background:#3b8eead9}.safe{position:absolute;top:6%;right:8%;bottom:6%;left:8%;border:1px dashed rgba(255,255,255,.18);pointer-events:none;z-index:3}.titlecard{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center}.titlecard.terminal{background:#1d1f23;padding-left:24%;gap:2.2cqw;font-family:var(--mono)}.titlecard.terminal .l1{font-size:5.4cqw;font-weight:800;color:#f2f2f2;letter-spacing:.02em}.titlecard.terminal .l2{font-size:2.9cqw;font-weight:700;color:#e6e6e6;max-width:52%}.titlecard.terminal .d{color:var(--amber);margin-right:1.6cqw}.titlecard.plain{background:#000;align-items:center;gap:1.4cqw;font-family:var(--sans)}.titlecard.plain .l1{font-size:4.2cqw;font-weight:300;color:#fff;letter-spacing:.22em}.titlecard.plain .l2{font-size:1.9cqw;color:#9a9a9a;letter-spacing:.08em}.titlecard.plain .d{display:none}.lower3{position:absolute;left:6%;bottom:11%;display:flex;flex-direction:column;z-index:2}.lower3 b{background:var(--amber);color:#1a1205;font-family:var(--mono);font-weight:800;font-size:2.6cqw;padding:.4cqw 1.2cqw;letter-spacing:.04em}.lower3 span{background:#0a0a0cd9;color:#eee;font-family:var(--mono);font-size:1.6cqw;padding:.35cqw 1.2cqw}.mon-foot{display:flex;align-items:center;gap:8px;height:26px;padding:0 8px;background:var(--panel);flex:none;min-width:0}.tcode{font-family:var(--mono);font-size:13px;color:var(--blue);font-weight:600;letter-spacing:.02em;white-space:nowrap}.tcode.dur{color:var(--muted);font-size:11px;font-weight:500}.mini-scrub{position:relative;flex:1;height:14px;cursor:pointer;min-width:30px}.mini-scrub:before{content:"";position:absolute;left:0;right:0;top:6px;height:2px;background:#333}.mini-scrub .io{position:absolute;top:5px;height:4px;background:#6c6c6c}.mini-scrub .io.v{background:var(--violet-2)}.mini-scrub .ph{position:absolute;top:0;width:2px;height:14px;background:var(--blue);margin-left:-1px}.fit{font-size:10.5px;color:var(--muted);border:1px solid var(--line-3);border-radius:3px;padding:1px 6px;white-space:nowrap}.transport{display:flex;justify-content:center;align-items:center;gap:3px;height:34px;background:var(--panel);border-top:1px solid var(--line);flex:none;white-space:nowrap}.tb{width:26px;height:24px;display:grid;place-items:center;border-radius:3px;color:var(--text)}.tb:hover{background:#2c2c2c}.tb svg{width:12px;height:12px}.tb.play{background:#3a3a3a;width:32px}.tb.play.on{background:var(--blue);color:#fff}.tsep{width:1px;height:16px;background:var(--line-3);margin:0 6px}.io-read{font-family:var(--mono);color:var(--muted);font-size:10.5px}.io-read b{color:var(--text);font-weight:500}.rate{font-family:var(--mono);font-size:10px;color:var(--blue);min-width:26px;text-align:center}.agent{grid-area:agent}.agent-head{display:flex;align-items:center;gap:6px;height:26px;padding:0 8px 0 10px;background:var(--head);border-bottom:1px solid var(--line);flex:none}.agent-head .t{color:var(--bright);font-weight:600;font-size:11px}.agent-head .scripted{white-space:nowrap;font-family:var(--mono);font-size:9.5px;color:var(--muted);border:1px solid var(--line-3);border-radius:3px;padding:0 4px;line-height:14px;cursor:help}.agent-head .mute{width:22px;height:22px;display:grid;place-items:center;color:var(--muted);border-radius:3px}.agent-head .mute:hover{color:var(--bright);background:#2a2a2a}.agent-head .mute svg{width:13px;height:13px}.hint{margin:8px 8px 0;padding:8px 26px 8px 10px;border-radius:4px;background:var(--violet-soft);border:1px solid rgba(168,125,255,.35);color:#e4d8ff;font-size:11.5px;line-height:1.4;position:relative;flex:none}.hint .x{position:absolute;right:4px;top:4px;width:18px;height:18px;color:#b9a3ea;font-size:13px}.log{list-style:none;flex:1;overflow-y:auto;padding:6px 0;min-height:0;scroll-behavior:smooth}.log li{display:grid;grid-template-columns:38px 1fr;gap:6px;padding:6px 10px;font-size:12px;line-height:1.45;color:#cfd0d4}.log time{font-family:var(--mono);font-size:10px;color:var(--dim);padding-top:2px}.log .you{color:var(--bright)}.log .you q{quotes:"“" "”"}.log li.agent-msg.live{background:var(--violet-soft);box-shadow:inset 2px 0 0 var(--violet)}.log .who{font-family:var(--mono);font-size:9.5px;color:#b9a3ea;display:block;margin-bottom:1px}.log .who.y{color:var(--muted)}.log .pending-s{color:var(--dim)}.log .outcome{display:inline-block;margin-top:4px;font-family:var(--mono);font-size:10px;padding:0 5px;border-radius:2px}.log .outcome.applied{background:#2fae5a2e;color:#8fe0aa}.log .outcome.dismissed{background:#2a2a2a;color:var(--muted)}.log .acts{display:flex;gap:5px;margin-top:6px}.btn{height:22px;padding:0 10px;border-radius:3px;font-size:11px;font-weight:600;border:1px solid var(--line-3);white-space:nowrap}.btn:hover{border-color:var(--muted)}.btn.ok{background:var(--violet);border-color:var(--violet);color:#140a28}.btn.ok:hover{background:#b993ff}.typing{display:inline-flex;gap:3px;padding-top:6px}.typing i{width:4px;height:4px;border-radius:50%;background:#b9a3ea;animation:dot 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes dot{50%{opacity:.25}}.chips{display:flex;flex-wrap:wrap;gap:4px;padding:6px 8px 0;flex:none}.sugg{font-size:10.5px;color:#dccbff;border:1px solid rgba(168,125,255,.4);background:#a87dff14;border-radius:999px;padding:3px 8px;text-align:left;line-height:1.25}.sugg:hover{background:#a87dff33}.sugg:disabled{opacity:.45;cursor:default}.ask{display:flex;align-items:center;gap:4px;margin:6px 8px 8px;height:30px;background:#151515;border:1px solid var(--line-3);border-radius:4px;padding:0 3px 0 8px;flex:none}.ask:focus-within{border-color:var(--violet)}.ask .pr{font-family:var(--mono);color:var(--violet);font-weight:700}.ask input{flex:1;min-width:0;background:none;border:0;color:var(--bright);font:12px var(--sans);outline:none}.ask input::placeholder{color:var(--dim)}.mic{width:24px;height:24px;border-radius:3px;display:grid;place-items:center;color:var(--muted)}.mic svg{width:13px;height:13px}.mic:hover{color:var(--bright);background:#262626}.mic.on{color:#fff;background:#c0392b;animation:pulse 1s infinite}.mic:disabled{opacity:.35;cursor:not-allowed}.send{height:22px;padding:0 9px;border-radius:3px;background:#2f2f2f;color:var(--bright);font-weight:600}.send:hover{background:#3a3a3a}.insp{grid-area:insp}.insp-body{flex:1;overflow-y:auto;padding:0 0 8px;position:relative}.insp.review .insp-body{background:linear-gradient(180deg,rgba(168,125,255,.06),transparent 60%)}.review-bar{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#2a2238;color:#dccbff;font-size:10.5px;border-bottom:1px solid #3e3355}.review-bar b{font-weight:600}.insp.review .ctrls{pointer-events:none}.prow{display:flex;align-items:center;justify-content:space-between;height:22px;padding:0 10px;color:var(--muted);gap:8px;white-space:nowrap}.prow b{color:var(--text);font-weight:500;overflow:hidden;text-overflow:ellipsis}.sect{display:flex;align-items:center;gap:6px;height:24px;padding:0 10px;background:var(--panel-2);color:var(--bright);font-weight:600;border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap}.sect .fxon{width:14px;height:14px;border-radius:2px;border:1px solid var(--line-3);display:grid;place-items:center;font-size:8px;color:var(--blue);font-weight:700}.sect .r{margin-left:auto;color:var(--muted);font-weight:500;font-family:var(--mono);font-size:10px;overflow:hidden;text-overflow:ellipsis}.sect .reset{margin-left:6px;color:var(--muted);font-weight:500;font-size:10px}.sect .reset:hover{color:var(--bright)}.swatches{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding:8px 10px 4px}.swb{display:flex;flex-direction:column;gap:3px;align-items:stretch;text-align:center}.swb .th{position:relative;aspect-ratio:16/10;overflow:hidden;border:1px solid #000;border-radius:2px}.swb .th img{width:100%;height:100%;object-fit:cover;display:block}.tthumb{width:100%;height:100%;background:#1d1f23;color:#eee;font-family:var(--mono);font-weight:800;font-size:8px;display:flex;align-items:center;justify-content:center;gap:2px}.tthumb i{color:var(--amber);font-style:normal}.swb span{font-size:9.5px;color:var(--muted);white-space:nowrap}.swb:hover .th{outline:1px solid #666}.swb.is-on .th{outline:2px solid var(--blue);outline-offset:0}.swb.is-on span{color:var(--bright)}.review .swb.is-on .th{outline:2px dashed var(--violet);outline-offset:1px}.review .swb.is-on span{color:#d6c4ff}.slide{display:grid;grid-template-columns:58px 1fr 38px;gap:8px;align-items:center;height:26px;padding:0 10px;color:var(--muted)}.slide output{font-family:var(--mono);color:var(--blue);text-align:right}.review .slide output{color:#cdb8ff}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:3px;background:linear-gradient(90deg,var(--blue) var(--val,70%),#3a3a3a var(--val,70%));border-radius:2px;outline:none;cursor:pointer}.review input[type=range]{background:linear-gradient(90deg,var(--violet) var(--val,70%),#3a3a3a var(--val,70%))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;border-radius:50%;background:#e6e6e6;box-shadow:0 0 0 1px #000}input[type=range]::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:#e6e6e6;border:0}.wheels{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px 10px 4px}.wheel{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--muted);font-size:9.5px;-webkit-user-select:none;user-select:none}.wheel .disc{position:relative;width:52px;height:52px;border-radius:50%;background:conic-gradient(from 90deg,#d44,#dd4,#4d4,#4dd,#44d,#d4d,#d44);cursor:crosshair;touch-action:none}.wheel .disc:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:radial-gradient(circle,#3a3a3a 0,#28282859 72%)}.wheel .disc b{position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;z-index:1;margin:-4px 0 0 -4px;box-shadow:0 0 0 1px #000;pointer-events:none}.review .wheel .disc b{background:#e6dcff;box-shadow:0 0 0 2px var(--violet-2)}.wheel .cross{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.wheel .cross:before,.wheel .cross:after{content:"";position:absolute;background:#ffffff1f}.wheel .cross:before{left:50%;top:8px;bottom:8px;width:1px}.wheel .cross:after{top:50%;left:8px;right:8px;height:1px}.wheel .val{font-family:var(--mono);font-size:9px;color:var(--dim)}.trans{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px 10px 4px}.trb{display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px 2px 4px;border:1px solid var(--line-3);border-radius:3px;color:var(--muted);font-size:9.5px;white-space:nowrap}.trb svg{width:30px;height:16px}.trb:hover{border-color:#666}.trb.is-on{border-color:var(--blue);color:var(--bright);background:var(--blue-soft)}.review .trb.is-on{border:1px dashed var(--violet);color:#d6c4ff;background:var(--violet-soft)}.trb:disabled{opacity:.35;cursor:not-allowed}.stepper{display:flex;align-items:center;gap:0;border:1px solid var(--line-3);border-radius:3px;overflow:hidden}.stepper button{width:20px;height:18px;color:var(--muted)}.stepper button:hover{background:#2c2c2c;color:var(--bright)}.stepper span{font-family:var(--mono);color:var(--blue);min-width:44px;text-align:center;font-size:10.5px}.styles{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:8px 10px 4px}.stb{border:1px solid var(--line-3);border-radius:3px;padding:6px;text-align:left;display:flex;flex-direction:column;gap:2px}.stb .pv{height:24px;border-radius:2px;display:flex;align-items:center;padding-left:6px;font-size:9px}.stb .pv.terminal{background:#1d1f23;color:#eee;font-family:var(--mono);font-weight:700}.stb .pv.terminal i{color:var(--amber);font-style:normal;margin-right:4px}.stb .pv.plain{background:#000;color:#fff;letter-spacing:.2em;justify-content:center;padding:0;font-weight:300}.stb span{font-size:9.5px;color:var(--muted)}.stb.is-on{border-color:var(--blue);background:var(--blue-soft)}.review .stb.is-on{border:1px dashed var(--violet);background:var(--violet-soft)}.empty-note{padding:14px 12px;color:var(--muted);font-size:11.5px;line-height:1.5}.keys{grid-area:keys}.kseg{display:flex;margin:6px 8px;border:1px solid var(--line-3);border-radius:3px;overflow:hidden;flex:none}.kseg button{flex:1;height:20px;font-size:10.5px;color:var(--muted);border-right:1px solid var(--line-3)}.kseg button:last-child{border-right:0}.kseg button.is-on{background:var(--blue);color:#fff}.kbd-map{padding:0 8px 6px;display:flex;flex-direction:column;gap:3px;flex:none}.krow{display:flex;gap:3px}.krow:nth-child(2){padding-left:7px}.krow:nth-child(3){padding-left:14px}.k{width:18px;height:18px;border-radius:2px;background:#2b2b2b;border:1px solid #111;display:grid;place-items:center;font-size:8.5px;color:#777;font-family:var(--mono)}.k.play{background:#2f4f73;color:#cfe3ff}.k.edit{background:#3d6a49;color:#d4f5dd}.k.mark{background:#6a5326;color:#ffe6b0}.k.view{background:#3a3a46;color:#d0d0ea}.k.agent{background:#4a3a6e;color:#e4d6ff}.k.space{width:96px}.k.hit{box-shadow:0 0 0 1px #fff;transform:translateY(1px)}.keys-note{padding:0 10px 6px;color:var(--dim);font-size:10px;line-height:1.4;flex:none}.klist{list-style:none;border-top:1px solid var(--line);overflow-y:auto;flex:1;min-height:0}.klist li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;min-height:22px;padding:0 10px;border-bottom:1px solid #191919;cursor:pointer;gap:6px}.klist li:nth-child(odd){background:#1c1c1c}.klist li:hover{background:#262626}.klist li>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.klist li.is-rebinding{background:var(--violet-soft);box-shadow:inset 2px 0 0 var(--violet)}.klist li.is-rebinding kbd{background:transparent;border:1px dashed var(--violet);color:#d9c8ff;animation:blink 1.1s infinite}@keyframes blink{50%{opacity:.4}}.klist li.flash{background:#3b8eea38}.klist kbd.unbound{color:var(--dim)}.klist .cat{width:6px;height:6px;border-radius:1px;display:inline-block;margin-right:6px}.conflict{display:block;flex:1 0 100%;margin:0 -10px;padding:5px 10px 6px;background:#3a2a12;color:#ffd79a;font-size:10.5px;line-height:1.4;border-bottom:1px solid #191919;cursor:default}.conflict .acts{display:flex;gap:5px;margin-top:4px}.conflict .btn{height:19px;font-size:10px;padding:0 7px}.conflict .btn.ok{background:var(--amber);border-color:var(--amber);color:#1a1205}.reset-link{margin-left:auto;color:var(--muted);font-size:10px;padding:0 4px}.reset-link:hover{color:var(--bright)}.tl{grid-area:tl}.tl-top{display:flex;align-items:center;gap:8px;height:30px;padding:0 8px;background:var(--panel);border-bottom:1px solid var(--line);flex:none;white-space:nowrap;min-width:0}.tl-top .tcode{font-size:15px}.ico{width:22px;height:22px;display:grid;place-items:center;border-radius:3px;color:var(--muted);flex:none}.ico svg{width:12px;height:12px}.ico:hover{color:var(--bright);background:#2a2a2a}.ico.is-on{color:var(--blue);background:var(--blue-soft)}.tl-msg{font-family:var(--mono);font-size:10.5px;color:#cdb8ff;overflow:hidden;text-overflow:ellipsis;min-width:0}.tl-msg.plain{color:var(--muted)}.zoomer{display:flex;align-items:center;gap:4px;color:var(--muted);flex:none}.zoomer input{width:84px}.zoomer button{width:16px;height:18px;color:var(--muted)}.zoomer button:hover{color:var(--bright)}.tl-main{flex:1;display:grid;grid-template-columns:118px minmax(0,1fr) 22px;min-height:0}.heads{background:var(--panel);border-right:1px solid var(--line);padding-top:22px;overflow:hidden}.th-row{display:flex;align-items:center;gap:4px;padding:0 6px;border-bottom:1px solid var(--line)}.th-row .nm{font-family:var(--mono);font-size:10.5px;color:var(--bright);min-width:24px;height:16px;display:grid;place-items:center;border-radius:2px;background:#2c2c2c;padding:0 4px}.th-row.on .nm{background:var(--blue);color:#fff}.th-row .lbl{flex:1;font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden}.th-row.agent{background:#221d2c}.th-row.agent .nm{background:var(--violet-2);color:#fff}.th-row.agent .lbl{color:#cdb8ff}.mute-t{width:16px;height:15px;border-radius:2px;border:1px solid var(--line-3);font-family:var(--mono);font-size:9px;color:var(--muted);flex:none}.mute-t:hover{color:var(--bright)}.mute-t.on{background:#c9a227;border-color:#c9a227;color:#1a1205;font-weight:700}.lane.muted .clip{opacity:.4;filter:grayscale(.6)}.r-ag{height:34px}.r-v2{height:28px}.r-v1{height:72px}.r-a1{height:52px}.r-a2{height:44px}.lanes{position:relative;overflow-x:auto;overflow-y:hidden;background:#1a1a1a;scrollbar-width:thin;scrollbar-color:#444 #1a1a1a}.scroll{position:relative;height:100%;min-width:100%;overflow:hidden}.ruler{position:relative;height:22px;background:var(--panel);border-bottom:1px solid var(--line);cursor:ew-resize;touch-action:none}.tick{position:absolute;bottom:0;width:1px;height:3px;background:#555;pointer-events:none}.tick.major{height:7px;background:#777}.tick-label{position:absolute;top:2px;transform:translate(3px);font-family:var(--mono);font-size:9px;color:var(--muted);pointer-events:none}.inout-bar{position:absolute;top:0;height:22px;background:#ffffff12;border-left:1px solid #9a9a9a;border-right:1px solid #9a9a9a;pointer-events:none}.agent-range{position:absolute;top:12px;height:10px;background:var(--violet-2);border-radius:1px;z-index:2;pointer-events:none}.agent-range:before,.agent-range:after{content:"";position:absolute;top:-3px;width:2px;height:14px;background:var(--violet)}.agent-range:before{left:-1px}.agent-range:after{right:-1px}.lane{position:relative;border-bottom:1px solid #141414}.lane.agentlane{background:repeating-linear-gradient(135deg,#1f1a28 0,#1f1a28 6px,#1c1824 6px,#1c1824 12px)}.lane .gaphint{position:absolute;top:2px;bottom:2px;background:repeating-linear-gradient(45deg,rgba(255,255,255,.04) 0 4px,transparent 4px 8px);border:1px dashed #3a3a3a;border-radius:2px;pointer-events:none}.clip{position:absolute;top:2px;bottom:2px;border-radius:2px;overflow:hidden;background:var(--vclip);border:1px solid #0d1d2c;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.clip:active{cursor:grabbing}.clip .nm{position:absolute;left:0;right:0;top:0;height:14px;line-height:14px;padding:0 5px;font-size:10px;color:#eaf3ff;background:#00000040;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.clip .strip{position:absolute;top:14px;right:0;bottom:0;left:0;background-size:auto 100%;background-repeat:repeat-x;opacity:.92;pointer-events:none}.clip.graded .nm{padding-right:20px}.clip.sel{border:1px solid #fff;box-shadow:inset 0 0 0 1px #fff;z-index:2}.clip.title{background:#7a5b2c;border-color:#2e210d}.clip.title .strip{background:#1a1a1a;display:grid;place-items:center;font-family:var(--mono);font-size:9.5px;color:#ffd79a;overflow:hidden;white-space:nowrap}.clip.title .strip.plain{color:#ddd;letter-spacing:.15em;font-family:var(--sans)}.clip.lower{background:#8a6a2f;border-color:#2e210d}.clip.lower .nm{background:none;height:100%;line-height:22px}.clip.voice{background:var(--aclip);border-color:#0e2618;color:#bff1cf}.clip.music{background:var(--mclip);border-color:#0d2427;color:#bfeaf0}.clip .wf{position:absolute;top:13px;right:2px;bottom:2px;left:2px;pointer-events:none}.clip .wf svg{fill:currentColor;display:block;opacity:.9;width:100%;height:100%}.clip .fx{position:absolute;right:3px;top:2px;font-size:8px;font-weight:700;color:#000;background:#e2c14b;padding:0 2px;border-radius:1px;line-height:10px;z-index:1;pointer-events:none}.clip .edge{position:absolute;top:0;bottom:0;width:7px;cursor:ew-resize;z-index:3}.clip .edge.l{left:0}.clip .edge.r{right:0}.clip .edge:hover,.clip.sel .edge{background:#ffffff2e}.xd{position:absolute;top:16px;bottom:3px;background:linear-gradient(135deg,#fff9,#ffffff24);border:1px solid #ddd;border-radius:1px;z-index:4;font-size:8px;color:#000;display:grid;place-items:center;font-weight:700;pointer-events:none;overflow:hidden}.xd.dip{background:linear-gradient(90deg,#ffffff80,#000 50%,#ffffff80)}.xd.wipe{background:linear-gradient(115deg,#fff9 50%,#ffffff26 50%)}.ghost{position:absolute;top:3px;bottom:3px;border:1.5px dashed var(--violet);border-radius:3px;background:#a87dff29;display:flex;align-items:center;gap:6px;padding:0 6px;color:#e3d6ff;font-size:10.5px;white-space:nowrap;animation:ghostin .3s ease-out}.ghost b{font-weight:600}.ghost .gx{font-family:var(--mono);font-size:9.5px;color:#b7a2e4}.ghost.marker{padding:0;overflow:visible;background:#a87dff59}.ghost.marker .lab{position:absolute;left:calc(100% + 4px);display:flex;gap:5px;align-items:center;background:#241d33;border:1px solid rgba(168,125,255,.5);border-radius:3px;padding:1px 5px}.ghost.marker.left .lab{left:auto;right:calc(100% + 4px)}.ghost:not(.marker){overflow:hidden}@keyframes ghostin{0%{opacity:0;transform:translateY(-4px)}}.ghost-mirror{position:absolute;top:2px;bottom:2px;border:1.5px dashed rgba(168,125,255,.8);border-radius:2px;background:#a87dff1a;pointer-events:none;z-index:5}.playhead{position:absolute;top:0;bottom:0;width:1px;background:var(--blue);z-index:6;pointer-events:none}.playhead:before{content:"";position:absolute;top:0;left:-6px;width:13px;height:14px;background:var(--blue);clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%)}.snapline{position:absolute;top:22px;bottom:0;width:1px;background:#ffd34d;z-index:7;pointer-events:none}.proposal{position:absolute;z-index:8;width:250px;right:30px;bottom:10px;background:#262130;border:1px solid var(--violet);border-radius:4px;box-shadow:0 10px 24px #0009;animation:ghostin .25s ease-out}.proposal .p-h{display:flex;align-items:center;justify-content:space-between;height:22px;padding:0 8px;background:#2f2840;color:#d9c8ff;font-family:var(--mono);font-size:10px;border-bottom:1px solid #3e3355}.proposal p{font-size:12px;line-height:1.4;color:#eee;padding:8px 8px 4px}.proposal .acts{display:flex;gap:5px;padding:4px 8px 8px;align-items:center}.proposal .acts kbd{margin-left:auto;background:none;border:0;color:var(--muted)}.meters{background:var(--panel);border-left:1px solid var(--line);display:flex;justify-content:center;gap:2px;padding:26px 0 8px}.meter{width:6px;background:#111;border-radius:1px;position:relative;overflow:hidden}.meter i{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(0deg,#2fae5a 0,#2fae5a 70%,#d6c43b 70%,#d6c43b 88%,#d9493b 88%);background-size:100% var(--full,200px);background-position:bottom}.status{grid-area:status;display:flex;align-items:center;gap:10px;padding:0 10px;background:#0f0f0f;font-family:var(--mono);font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden}.status b{color:#d6c4ff;font-weight:600}.status .vb{width:1px;height:12px;background:var(--line-3)}.status .toast{color:#9cc6ff}.pointer{position:fixed;left:0;top:0;z-index:100;pointer-events:none;transition:transform .65s cubic-bezier(.45,.05,.2,1),opacity .3s}.pointer.follow{transition:transform .06s linear,opacity .3s}.pointer.hidden{opacity:0}.pointer .rings{position:absolute;left:-13px;top:-13px;width:28px;height:28px;border-radius:50%;border:1.5px solid rgba(168,125,255,.75);box-shadow:0 0 0 6px #a87dff29,0 0 0 13px #a87dff12}.pointer.click .rings{animation:ring .45s ease-out}@keyframes ring{0%{transform:scale(.6);opacity:1}to{transform:scale(1.5);opacity:.3}}.pointer svg{position:relative;width:18px;height:18px;filter:drop-shadow(0 1px 2px #000)}.pointer .who{position:absolute;left:16px;top:15px;font-family:var(--mono);font-size:9.5px;font-weight:700;color:#fff;background:var(--violet-2);padding:1px 6px;border-radius:999px;white-space:nowrap}.only-phone{display:none}@media (max-width:1360px){.menu .mi:nth-child(n+6){display:none}}@media (max-width:1300px){.app{grid-template-columns:216px minmax(0,1fr) 288px}.agent-head .t{display:none}}@media (max-width:760px){body{overflow:auto}.app{height:auto;min-height:100vh;grid-template-columns:100%;grid-template-rows:auto;grid-template-areas:"menu" "mon" "agent" "tl" "insp" "status"}.menu .mi,.ws,.hide-sm,.lib,.keys{display:none}.monitors{grid-template-columns:100%}.monitors.has .mon-pane.cur{display:none}.monitors:not(.has) .mon-pane.prop{display:none}.screen{flex:none;container-type:normal}.frame{width:100%}.agent{height:auto;max-height:none}.log{max-height:220px}.tl{min-height:300px}.tl-main{grid-template-columns:62px minmax(0,1fr)}.meters,.th-row .lbl{display:none}.proposal{position:relative;right:auto;bottom:auto;width:auto;margin:6px}.insp-body{overflow:visible}.status{position:sticky;bottom:0;height:24px}.only-phone{display:inline}}.tour{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;pointer-events:none}.tour-mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#06050a9e;pointer-events:auto}.tour-spot{position:absolute;border-radius:6px;box-shadow:0 0 0 200vmax #06050a9e,0 0 0 2px var(--violet),0 0 24px #a87dff73;transition:left .45s cubic-bezier(.4,0,.2,1),top .45s cubic-bezier(.4,0,.2,1),width .45s cubic-bezier(.4,0,.2,1),height .45s cubic-bezier(.4,0,.2,1)}.tour-spot.soft{box-shadow:0 0 0 2px var(--violet),0 0 26px #a87dff8c}.tour-card{position:absolute;background:#211c2b;border:1px solid var(--violet);border-radius:8px;box-shadow:0 18px 40px #0009;padding:12px 14px;color:var(--text);pointer-events:auto;animation:ghostin .3s ease-out}.tour-card h3{font-size:14px;color:var(--bright);margin:4px 0}.tour-card p{font-size:12.5px;line-height:1.5;color:#d9d4e6}.tc-head{display:flex;align-items:center;justify-content:space-between}.tc-n{font-family:var(--mono);font-size:10px;color:#b9a3ea}.tc-skip{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px}.tc-skip:hover{color:var(--bright)}.tc-skip kbd{font-size:9px}.tc-foot{display:flex;align-items:center;gap:10px;margin-top:10px}.tc-bar{flex:1;height:3px;background:#3a3248;border-radius:2px;overflow:hidden}.tc-bar i{display:block;height:100%;background:var(--violet);width:0;animation:tcbar linear forwards}.tc-bar i.wait{width:30%;animation:tcwait 1.4s ease-in-out infinite alternate}@keyframes tcbar{to{width:100%}}@keyframes tcwait{0%{margin-left:0}to{margin-left:70%}}.welcome{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;display:grid;place-items:center;background:#06050a8c;padding:16px}.welcome-card{width:min(460px,100%);background:#1f1b27;border:1px solid rgba(168,125,255,.5);border-radius:10px;box-shadow:0 24px 60px #0009;padding:22px 24px 18px;animation:ghostin .3s ease-out}.w-kicker{font-family:var(--mono);font-size:10px;color:#b9a3ea;letter-spacing:.04em}.welcome-card h2{font-size:19px;color:var(--bright);margin:6px 0 8px;font-weight:650}.welcome-card p{font-size:13px;line-height:1.55;color:#d6d1e2}.w-acts{display:flex;gap:8px;margin:16px 0 10px;flex-wrap:wrap}.btn.big{height:34px;padding:0 14px;font-size:12.5px;display:inline-flex;align-items:center;gap:7px;border-radius:5px}.btn.big svg{width:13px;height:13px}.btn.quiet{color:var(--text)}.w-note{font-size:11px;color:var(--muted)}.tour-btn{display:inline-flex;align-items:center;gap:5px;margin-left:8px;font-size:10.5px;font-family:var(--mono);color:#dccbff;border:1px solid rgba(168,125,255,.55);border-radius:999px;padding:2px 9px 2px 7px;white-space:nowrap}.tour-btn:hover{background:var(--violet-soft)}.tour-btn svg{width:9px;height:9px}.cue-label{display:flex;align-items:center;gap:6px;padding:6px 10px 0;font-family:var(--mono);font-size:10.5px;color:#dccbff;flex:none}.cue-label svg{width:12px;height:12px;color:var(--violet);animation:nudge 1.3s ease-in-out infinite}@keyframes nudge{50%{transform:translateY(3px)}}.sugg.cue{border-color:var(--violet);background:#a87dff2e;color:#fff;animation:cuepulse 2s ease-out infinite}@keyframes cuepulse{0%{box-shadow:0 0 #a87dff8c}70%{box-shadow:0 0 0 8px #a87dff00}to{box-shadow:0 0 #a87dff00}}@media (prefers-reduced-motion:reduce){.sugg.cue{animation:none;box-shadow:0 0 0 2px #a87dff8c}.cue-label svg,.tc-bar i.wait,.chip.live .pv,.mic.on{animation:none}.tour-spot,.pointer{transition:none}.tc-bar i{animation:none;width:100%}}
