.driver-popover{all:unset;font-family:var(--driver-popover-font-family,"Helvetica Neue", Inter, ui-sans-serif, "Apple Color Emoji", Helvetica, Arial, sans-serif);box-sizing:border-box;color:#2d2d2d;z-index:1000000000;background-color:#fff;border-radius:5px;min-width:250px;max-width:300px;margin:0;padding:15px;position:fixed;top:0;right:0;box-shadow:0 1px 10px #0006}.driver-popover-title{zoom:1;margin:0;font-size:19px;font-weight:700;line-height:1.5;display:block;position:relative}.driver-popover-close-btn{all:unset;cursor:pointer;color:#d2d2d2;z-index:1;text-align:center;width:32px;height:28px;font-size:18px;font-weight:500;transition:color .2s;position:absolute;top:0;right:0}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{zoom:1;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.5}.driver-popover-footer{text-align:right;zoom:1;justify-content:space-between;align-items:center;margin-top:15px;display:flex}.driver-popover-progress-text{color:#727272;zoom:1;font-size:13px;font-weight:400}.driver-popover-footer-btn{all:unset;box-sizing:border-box;color:#2d2d2d;cursor:pointer;zoom:1;background-color:#fff;border:1px solid #ccc;border-radius:3px;outline:0;padding:3px 7px;font-size:12px;line-height:1.3;text-decoration:none;display:inline-block}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}.driver-popover-footer-btn:hover,.driver-popover-footer-btn:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{flex-grow:1;justify-content:flex-end;display:flex}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";border:5px solid #fff;position:absolute}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{border-top-color:#0000;border-bottom-color:#0000;border-right-color:#0000;left:100%}.driver-popover-arrow-side-right{border-top-color:#0000;border-bottom-color:#0000;border-left-color:#0000;right:100%}.driver-popover-arrow-side-top{border-bottom-color:#0000;border-left-color:#0000;border-right-color:#0000;top:100%}.driver-popover-arrow-side-bottom{border-top-color:#0000;border-left-color:#0000;border-right-color:#0000;bottom:100%}.driver-popover-arrow-side-center,.driver-popover-arrow-none{display:none}.driver-active .driver-overlay{pointer-events:none}.driver-active.driver-no-scroll{overflow:hidden}.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in var(--driver-animation-duration,.4s) ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in var(--driver-animation-duration,.4s)}.driver-active-element-parent-no-scroll{overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover.guide-popover{color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:8px;min-width:0;max-width:min(360px,100vw - 24px);font-family:inherit;box-shadow:0 12px 40px #0008}.guide-popover .driver-popover-title{background:0 0;border:0;margin:0 0 8px;padding:0 22px 0 0;font-size:16px;line-height:1.4;display:block}.guide-popover .driver-popover-description{overflow-wrap:anywhere;max-height:min(55vh,400px);padding-right:12px;font-size:14px;line-height:1.6;overflow:auto}.guide-popover .driver-popover-title,.guide-popover .driver-popover-description,.guide-popover .driver-popover-description *{-webkit-user-select:text;user-select:text}.guide-popover .driver-popover-description>:first-child{margin-top:0}.guide-popover .driver-popover-description>:last-child{margin-bottom:0}.guide-popover a{color:var(--accent)}.guide-popover pre{overflow:auto}.guide-popover pre,.guide-popover code{background:var(--bg);border-radius:3px}.guide-popover .driver-popover-footer{gap:10px;margin-top:14px}.guide-popover .driver-popover-footer button{background:var(--panel-2);border-color:var(--line);color:var(--text);text-shadow:none;border-radius:4px}.guide-popover .driver-popover-footer button:hover{border-color:var(--accent)}.guide-popover .driver-popover-close-btn{color:var(--text-dim)}.guide-popover .driver-popover-progress-text{color:var(--text-dim);font-size:11px}.guide-popover :focus-visible{outline:2px solid var(--accent);outline-offset:2px}.guide-popover .guide-warning{color:#ffbd76}.guide-overlay-static.driver-fade .driver-overlay{animation:none}.driver-active .driver-active-element .knob-mod-canvas{pointer-events:none}.driver-popover.guide-highlight-only{width:36px;min-height:36px;padding:0}.guide-popover .driver-popover-arrow-side-left{border-left-color:var(--panel)}.guide-popover .driver-popover-arrow-side-right{border-right-color:var(--panel)}.guide-popover .driver-popover-arrow-side-top{border-top-color:var(--panel)}.guide-popover .driver-popover-arrow-side-bottom{border-bottom-color:var(--panel)}@media (prefers-reduced-motion:reduce){.driver-overlay,.driver-popover{transition:none!important;animation:none!important}}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}:root{--bg:#0d0f14;--panel:#161920;--panel-2:#1c2029;--line:#262a35;--text:#e8eaf0;--text-dim:#8b90a0;--accent:#00ddf4;--env:#ff9a3c;--lfo:#4cd97b;--macro:#c77dff}@supports (color:lab(0% 0 0)){:root{--accent:lab(80.595% -52.9124 -32.5809)}}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:12px;overflow:hidden}#app{flex-direction:column;height:100vh;display:flex}header{background:var(--panel);border-bottom:1px solid var(--line);flex:none;align-items:center;gap:14px;padding:6px 12px;display:flex}.brand-logo{font-variation-settings:"wght" 300;letter-spacing:.02em;color:var(--accent);font-family:Bitcount Grid Single,Segoe UI,system-ui,sans-serif;font-weight:300}.logo{flex:none;font-size:32px;line-height:1}.presets{align-items:center;gap:6px;display:flex}.preset-select{min-width:160px}.hdr-right{align-items:center;gap:10px;margin-left:auto;display:flex}.hdr-stat{color:var(--text-dim);white-space:nowrap;font-size:11px}.hdr-midi{appearance:none;font:inherit;text-align:left;background:0 0;border:0;padding:0}.hdr-midi:disabled{cursor:default}.hdr-midi.is-error{color:#ff6f7b;cursor:pointer}.hdr-midi.is-error:hover{color:#ff9aa3;text-underline-offset:2px;text-decoration:underline}.hdr-stats{flex-direction:column;align-items:flex-start;gap:2px;min-width:72px;display:flex}.hdr-voices{font-variant-numeric:tabular-nums;min-width:52px}.hdr-btn{background:var(--panel-2);color:var(--text);border:1px solid var(--line);cursor:pointer;border-radius:4px;padding:4px 8px;font-size:10px}.hdr-btn:hover{border-color:var(--accent)}.meter{flex-direction:column;gap:2px;width:80px;display:flex}.meter-track{background:#000;border-radius:2px;height:5px;overflow:hidden}.meter-bar{background:var(--accent);width:0%;height:100%;transition:width 60ms linear}.meter-bar.hot{background:#f55}main{flex:auto;grid-template-columns:minmax(300px,360px) minmax(420px,1fr) minmax(280px,340px);align-items:start;gap:4px;min-height:0;padding:4px;display:grid;overflow:auto}.col{flex-direction:column;gap:4px;min-width:0;display:flex}.osc-col{grid-area:1/1;width:100%;max-width:360px}.center-col{grid-area:1/2}.side-col{grid-area:1/3}.matrix-panel{min-width:0}.performance-panel{z-index:20;flex:none;min-width:0;margin:0 4px 4px;position:sticky;bottom:0}.panel.agent-activity-panel{flex:none;align-items:center;gap:8px;min-width:0;margin:4px 4px 0;padding:4px;display:flex}.agent-activity-actions{flex:none;gap:4px;display:flex}.agent-history-open{margin-left:8px}.agent-review-history{margin-right:auto}.agent-guide-actions{flex:none;gap:4px;margin-left:auto;display:flex}.agent-btn{background:var(--panel-2);border:1px solid var(--line);color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;border-radius:4px;padding:5px 8px;font-size:10px}.agent-btn:hover:not(:disabled){border-color:var(--accent)}.agent-btn:disabled{opacity:.45;cursor:default}.agent-btn.primary{border-color:var(--accent)}.agent-btn.danger{color:#ff8d98;border-color:#b64d58}.modal-dialog{width:min(560px,100vw - 24px);max-height:calc(100vh - 48px);color:var(--text);background:0 0;border:0;padding:0}.modal-dialog::backdrop{background:#05070bc2}.modal-card{background:var(--panel);border:1px solid #394052;border-radius:10px;overflow:hidden;box-shadow:0 18px 60px #0000007a}.modal-head{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 14px;display:flex}.modal-title{letter-spacing:1px;flex:auto;margin:0;font-size:13px}.modal-close{width:28px;height:28px;color:var(--text-dim);cursor:pointer;background:0 0;border:0;padding:0;font-size:20px}.modal-close:hover{color:var(--text)}.modal-body{max-height:min(62vh,600px);padding:14px;overflow:auto}.modal-footer{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:6px;min-height:46px;padding:8px 14px;display:flex}.midi-recommendation{color:var(--text);margin-bottom:0;font-weight:600}.agent-field{grid-template-columns:100px minmax(0,1fr);gap:10px;padding:4px 0;display:grid}.agent-field-label,.agent-empty{color:var(--text-dim)}.agent-field-value{overflow-wrap:anywhere}.agent-modal-section{margin-top:16px}.agent-section-title{color:var(--text-dim);letter-spacing:1px;text-transform:uppercase;margin:0 0 8px;font-size:10px}.agent-param-list{flex-wrap:wrap;gap:4px;display:flex}.agent-param-list[hidden]{display:none}.agent-param{color:var(--text);border:1px solid var(--line);background:#101218;border-radius:4px;padding:3px 6px;font-size:10px}.agent-similarity{color:var(--accent);margin-bottom:8px;font-size:18px;font-weight:700}.agent-metrics{border-top:1px solid var(--line)}.agent-metric-row{border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;grid-template-columns:1fr 90px 90px;gap:8px;padding:6px 0;display:grid}.agent-metric-value,.agent-delta{text-align:right}.agent-delta{color:var(--text-dim)}.agent-delta.positive{color:#6fda91}.agent-delta.negative{color:#ff8d98}.agent-warning{color:#ffb85c}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px;transition:opacity .16s,color .16s,border-color .16s,background-color .16s}.is-disabled{opacity:.48}.is-gated{opacity:.35;pointer-events:none;transition:opacity .16s}.knob.is-gated{pointer-events:auto}.knob.is-gated .knob-canvases{pointer-events:none}.panel-head{align-items:center;gap:8px;margin-bottom:6px;display:flex}.panel-title{letter-spacing:1.5px;color:var(--text-dim);font-size:11px;font-weight:700}.osc-wave-preview{border:1px solid var(--line);background:#101218;border-radius:4px;flex:0 0 76px;width:76px;height:26px;margin-left:auto;overflow:hidden}.osc-wave-preview canvas{width:100%;height:100%;display:block}.knob{flex-direction:column;align-items:center;width:52px;display:flex}.knob-canvases{flex:none;position:relative;overflow:visible}.knob-canvases>canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.knob-main-canvas{cursor:ns-resize;touch-action:none}.knob-mod-canvas{pointer-events:none}.knob-label{color:var(--text-dim);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:56px;margin-top:-2px;font-size:9px;overflow:hidden}.knob-row{flex-wrap:wrap;align-items:center;gap:2px 0;display:flex}body.mod-dragging .knob.moddable .knob-main-canvas{outline:1px dashed var(--accent);outline-offset:-1px;border-radius:50%}.knob.mod-flash .knob-main-canvas{outline:2px solid var(--lfo);border-radius:50%}.param-select{background:var(--panel-2);color:var(--text);border:1px solid var(--line);border-radius:4px;max-width:150px;padding:3px 6px;font-size:11px}.toggle{background:var(--panel-2);color:var(--text-dim);border:1px solid var(--line);cursor:pointer;border-radius:4px;padding:3px 7px;font-size:10px}.toggle.on{color:var(--lfo);border-color:var(--lfo)}.osc-preview{flex:none;height:190px}.wt3d,.scope{border:1px solid var(--line);background:#101218;border-radius:8px;position:relative;overflow:hidden}.wt3d-tabs{align-items:center;gap:4px;height:22px;padding:3px 6px;display:flex}.scope-tab{color:var(--text-dim);letter-spacing:1px;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:2px 6px;font-size:9px}.scope-tab.on{color:var(--accent);background:var(--panel-2)}.header-scope{cursor:pointer;border-radius:5px;flex:none;width:120px;height:40px}.header-scope:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.header-scope canvas{display:block}.scope-mode{color:var(--accent);letter-spacing:.8px;pointer-events:none;font-size:8px;position:absolute;top:2px;left:4px}.filter-row{flex-wrap:wrap;gap:4px;display:flex}.filter-row>.filter-panel{flex:220px;min-width:0}.filter-panel{min-width:0}.filter-response{border:1px solid var(--line);background:#101218;border-radius:6px;height:64px;margin:2px 0 4px;overflow:hidden}.filter-response canvas{width:100%;height:100%;display:block}.routing-wrap{align-items:center;gap:6px;margin-top:4px;display:flex}.routing-label{color:var(--text-dim);letter-spacing:1px;font-size:9px}.module-panel{flex-direction:column;min-width:0;display:flex}.env-panel,.lfo-panel{margin-top:23px}.env-panel .mod-tab,.lfo-panel .mod-tab{flex-direction:column;gap:6px;margin-top:-32px;display:flex}.sub-tabs{justify-content:space-between;gap:4px;margin:0 -9px;display:flex}.sub-tab-wrap{flex-direction:column;flex:1 1 0;align-items:center;gap:4px;min-width:0;display:flex}.sub-tab{background:linear-gradient(0deg, var(--panel), var(--bg), var(--bg));border:1px solid var(--panel-2);width:100%;color:var(--text-dim);cursor:pointer;border-bottom:0;border-radius:4px 4px 0 0;padding:8px;font-size:10px;transition:color .16s,border-color .16s,background .16s}.sub-tab.on{color:var(--text);border-color:var(--line);background:linear-gradient(0deg, var(--panel), var(--panel-2))}.sub-tab-wrap .source-badge{transition:opacity .16s}.sub-tab-wrap:not(.on) .source-badge{opacity:.4}.env-display,.lfo-editor{border:1px solid var(--line);background:#101218;border-radius:6px;flex:none;height:130px;min-height:90px;overflow:hidden}.lfo-editor canvas{touch-action:none}.lfo-controls{align-items:center}.performance-panel .source-row{justify-content:space-between}.source-badge{color:var(--text);background:var(--panel-2);cursor:grab;white-space:nowrap;border:1px solid;border-radius:10px;padding:2px 7px;font-size:9px}.source-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.badge-row{flex-wrap:wrap;gap:6px;display:flex}.macro-wrap{flex-direction:column;align-items:center;gap:2px;display:flex}.mod-ghost{z-index:1000;pointer-events:none;color:#0d0f14;border-radius:10px;padding:3px 8px;font-size:10px;font-weight:700;position:fixed}.popup{z-index:900;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;max-width:340px;padding:10px;position:fixed;box-shadow:0 8px 30px #0009}.mod-menu-title{margin-bottom:6px;font-size:11px;font-weight:700}.mod-menu-sub{color:var(--text-dim);letter-spacing:1px;margin:8px 0 4px;font-size:9px}.mod-menu-row{align-items:center;gap:6px;margin:4px 0;display:flex}.mod-menu-row input[type=range]{flex:auto}.mod-chip{color:#0d0f14;white-space:nowrap;border-radius:8px;padding:2px 6px;font-size:9px;font-weight:700}.mod-del{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:11px}.mod-del:hover{color:#f55}.mod-menu-grid{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.mod-src-btn{background:var(--panel);color:var(--text);cursor:pointer;border:1px solid;border-radius:4px;padding:3px 2px;font-size:9px}.matrix{flex-direction:column;gap:4px;display:flex}.matrix-head,.matrix-row{grid-template-columns:24px 150px 50px 1fr 24px;align-items:center;gap:8px;display:grid}.matrix-head span{color:var(--text-dim);letter-spacing:1px;font-size:9px}.matrix-route-toggle{justify-self:start}.matrix-row>:not(.matrix-route-toggle){transition:opacity .16s}.matrix-row.is-inactive>:not(.matrix-route-toggle){opacity:.4}.matrix-depth-knob{justify-self:start;width:42px}.matrix-depth-knob .knob-main-canvas{position:static;transform:none}.matrix-add{background:var(--panel-2);border:1px dashed var(--line);color:var(--text-dim);cursor:pointer;border-radius:5px;align-self:flex-start;margin-top:4px;padding:4px 12px}.matrix-add:hover{color:var(--text);border-color:var(--accent)}.fx-rack{flex-direction:column;gap:6px;display:flex}.fx-unit{background:var(--panel-2);border:1px solid var(--line);border-radius:6px;padding:6px 8px;transition:opacity .16s,color .16s,border-color .16s,background-color .16s}.fx-head{align-items:center;gap:8px;display:flex}.fx-name{letter-spacing:1.5px;color:var(--text-dim);font-size:10px;font-weight:700}.fx-spacer{flex:auto}.fx-move{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:9px}.fx-move:hover{color:var(--text)}.fx-body{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.fx-opts{align-items:center;gap:6px;display:flex}.keyboard-wrap{background:var(--panel);border-top:1px solid var(--line);flex:none;padding:4px 12px 10px}.kb-bar{align-items:center;gap:8px;margin-bottom:4px;display:flex}.oct-btn{background:var(--panel-2);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:4px;width:22px;height:20px}.oct-btn:disabled{opacity:.35;cursor:default}.oct-label{color:var(--text-dim);text-align:center;width:56px;font-size:10px}.kb-range{padding:2px 4px;font-size:10px}.kb-hint{color:var(--text-dim);margin-left:auto;font-size:9px}.keyboard{touch-action:none;--kb-white:4.545%;height:84px;display:flex;position:relative}.key.white{cursor:pointer;background:linear-gradient(#f2f3f6,#d8dbe2);border:1px solid #0d0f14;border-radius:0 0 4px 4px;flex:1 1 0;justify-content:center;align-items:flex-end;padding-bottom:3px;display:flex;overflow:hidden}.key-name{letter-spacing:-.2px;color:#4b5160;pointer-events:none;font-size:8px;line-height:1}.key.white.held{background:var(--accent)}.key.black{width:calc(var(--kb-white) * .58);height:55%;margin-left:calc(var(--kb-white) * -.29);z-index:2;cursor:pointer;background:linear-gradient(#2b2e38,#15171d);border:1px solid #000;border-radius:0 0 3px 3px;position:absolute;top:0}.key.black.held{background:var(--accent)}.key.white.out-of-range{opacity:.55;filter:saturate(.6)brightness(.82)}.key.black.out-of-range{background:linear-gradient(#43464f,#2e313a);border-color:#23262d}.key.out-of-range.held{opacity:1;filter:none;background:var(--accent)}#start-overlay{z-index:2000;background:#0a0b0feb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.start-box{text-align:center}.start-box h1{margin-bottom:4px;font-size:76px;line-height:1}.start-box p{color:var(--text-dim);margin-top:0}.start-error{color:#f55;max-width:420px}#start-btn{background:var(--accent);color:#0d0f14;letter-spacing:2px;cursor:pointer;border:none;border-radius:6px;margin-top:16px;padding:12px 28px;font-size:13px;font-weight:700}input[type=range]{accent-color:var(--accent)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}::-webkit-scrollbar-track{background:0 0}.agent-btn[hidden]{display:none}.history-error{color:#ff8d98;overflow-wrap:anywhere;font-size:11px}.history-error:empty{display:none}.history-tabs{gap:4px;margin-bottom:12px;display:flex}.history-tabs [aria-selected=true]{border-color:var(--accent);color:var(--accent)}.history-view[hidden],.history-alternatives[hidden]{display:none}.history-list{flex-direction:column;gap:4px;display:flex}.history-list:empty:after{content:attr(data-empty);color:var(--text-dim);font-size:12px}.history-row{border:1px solid var(--line);border-radius:6px;padding:8px}.history-row.current{border-color:var(--accent)}.history-row-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.history-row-text{flex-direction:column;gap:4px;min-width:0;display:flex}.history-row-label{overflow-wrap:anywhere;font-size:12px}.history-row-meta,.history-retention{color:var(--text-dim);font-size:11px}.history-row-head .agent-btn{flex-shrink:0}.history-row-details{margin-top:8px;font-size:11px}.history-row-details summary,.history-alternatives>summary{cursor:pointer;color:var(--text-dim)}.history-row-details summary{text-align:right}.history-row-changes{overflow-wrap:anywhere;flex-wrap:wrap;gap:4px 8px;margin-top:8px;font-size:11px;display:flex}.history-change{color:var(--text-dim)}.history-change-list{overflow-wrap:anywhere;flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.history-comparison{width:100%}.history-alternatives{margin-top:12px}.history-alternatives>summary{margin-bottom:8px;font-size:12px}.history-retention{margin:0}[data-guide-id=dialog\.history] .modal-footer{flex-direction:column;align-items:stretch;gap:4px}.history-open-review{align-self:flex-start;margin-bottom:4px}@media (max-width:520px){.history-row-head{align-items:flex-start}.history-row-head .agent-btn{white-space:normal;max-width:112px}}.agent-icon-button{flex:0 0 30px;justify-content:center;align-items:center;width:30px;height:28px;padding:0;display:inline-flex}.agent-icon-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.agent-ai-strip{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.agent-ai-group{flex:none;display:flex}.agent-status-button{white-space:nowrap;border-radius:5px;align-items:center;gap:6px;height:28px;padding:0 10px;font-size:11px;display:inline-flex}.agent-status-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.agent-status-orb{pointer-events:none;--ai-dot-x:50%;--ai-dot-y:50%;--ai-dot-radius:3px;--ai-dot-spread:0px;flex:0 0 18px;width:18px;height:18px;transition:--ai-dot-radius .6s cubic-bezier(0,.85,.6,1),--ai-dot-spread .6s cubic-bezier(0,.85,.6,1);display:block}.agent-ai-group[data-motion=working] .agent-status-orb,.agent-ai-group[data-motion=playing] .agent-status-orb{--ai-dot-radius:7px;--ai-dot-spread:3px;animation:2s linear infinite agent-orb}.agent-ai-group[data-tone=idle][data-motion=idle] .agent-status-orb{background-image:radial-gradient(circle,#8690a1 0 2px,#8690a166 3px,#0000 4px)}.agent-ai-group[data-tone=off] .agent-status-orb{background-image:radial-gradient(circle,#343945 0 3px,#0000 4px)}.agent-ai-group[data-tone=pending][data-motion=idle] .agent-status-orb{background-image:radial-gradient(circle at center, var(--accent) 0 3px, #ffffff2e 4px, transparent 6px)}.agent-ai-group[data-tone=error] .agent-status-orb{background-image:radial-gradient(circle,#ff6b6b 0 3px,#ff6b6b44 4px,#0000 7px)}.agent-status-label{line-height:1}.agent-ai-group[data-tone=idle] .agent-status-button{color:var(--text-dim)}.agent-ai-group[data-tone=off] .agent-status-button{color:var(--text-dim);opacity:.7}.agent-ai-group[data-tone=pending] .agent-status-button{color:var(--accent);border-color:var(--accent)}.agent-ai-group[data-tone=error] .agent-status-button{color:#ff8d98;border-color:#ff6b6b}.agent-ai-group[data-motion=working] .agent-status-button,.agent-ai-group[data-motion=playing] .agent-status-button{color:var(--accent)}.agent-feed{flex:1;min-width:0;height:22px;position:relative;overflow:hidden}.agent-feed-line{white-space:nowrap;text-overflow:ellipsis;color:var(--text-dim);font-size:11px;line-height:22px;position:absolute;inset:0;overflow:hidden}.agent-feed-line[data-status=running]{color:var(--accent)}.agent-feed-line[data-status=failed],.agent-tool-call[data-status=failed]{color:#ff8d98}.agent-feed-line.entering{animation:.24s ease-out both agent-feed-in}.agent-feed-line.leaving{animation:.24s ease-out both agent-feed-out}.agent-live-message{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.agent-tool-log{margin-top:16px}.agent-activity-panel .agent-param-list{flex-direction:column;gap:8px}.agent-activity-panel .agent-param-list .agent-field{display:block}.agent-tool-log>summary{cursor:pointer}.agent-tool-log-list{padding-left:20px;font-size:12px}.agent-tool-call{overflow-wrap:anywhere;margin:8px 0}.agent-onboarding p{margin:0 0 10px}.agent-onboarding-prompts{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.agent-onboarding-prompts li{border:1px solid var(--line);color:var(--text);-webkit-user-select:text;user-select:text;cursor:text;background:#ffffff08;border-radius:6px;padding:6px 10px;font-size:12px}@keyframes agent-orb{to{--ai-glow-angle:360deg}}@keyframes agent-feed-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes agent-feed-out{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@media (prefers-reduced-motion:reduce){.agent-ai-group .agent-status-orb,.agent-feed-line{transition:none;animation:none!important}.agent-feed-line.leaving{visibility:hidden}}.presets .preset-icon-btn{box-sizing:border-box;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;padding:4px;display:flex}.preset-actions{position:relative}.preset-actions>summary{list-style:none}.preset-actions>summary::-webkit-details-marker{display:none}.preset-actions[open]>summary{border-color:var(--accent)}.preset-actions-menu{z-index:30;background:var(--panel);border:1px solid var(--line);border-radius:6px;min-width:132px;padding:4px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 6px 18px #0006}.preset-actions-menu>button{text-align:left;background:0 0;border-color:#0000;width:100%;padding:8px 10px;font-size:12px;display:block}.preset-actions-menu>button:hover{background:var(--panel-2)}.preset-actions-menu>button:disabled{opacity:.45;cursor:not-allowed}.preset-actions-menu>button:disabled:hover{background:0 0}.presets .preset-dirty{color:var(--accent);flex-shrink:0;margin-left:-2px;font-size:10px;line-height:26px}.presets :is(button,summary):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.preset-save-dialog{width:min(400px,100vw - 24px)}.preset-save-form{gap:8px;font-size:12px;display:grid}.preset-name-input{box-sizing:border-box;border:1px solid var(--line);background:var(--panel-2);width:100%;min-width:0;color:var(--text);font:inherit;border-radius:4px;padding:8px}.preset-name-input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.preset-save-help{color:var(--text-dim);margin:0;line-height:1.5}.preset-save-error{color:#ff8d98;overflow-wrap:anywhere;margin:0}.preset-save-error:empty{display:none}.osc-wave-preview.has-snap-points{cursor:pointer}.osc-wave-preview.has-snap-points:hover{border-color:var(--accent)}.osc-wave-preview.has-snap-points:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@property --ai-glow-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@property --ai-dot-x{syntax:"<length-percentage>";inherits:false;initial-value:6px}@property --ai-dot-y{syntax:"<length-percentage>";inherits:false;initial-value:6px}@property --ai-dot-radius{syntax:"<length>";inherits:false;initial-value:3px}@property --ai-dot-spread{syntax:"<length>";inherits:false;initial-value:0}.ai-changed,.agent-status-orb{--ai-glow-x:calc(var(--ai-dot-x) + cos(var(--ai-glow-angle)) * var(--ai-dot-spread));--ai-glow-y:calc(var(--ai-dot-y) + sin(var(--ai-glow-angle)) * var(--ai-dot-spread));--ai-glow-x2:calc(var(--ai-dot-x) + cos(var(--ai-glow-angle) + 120deg) * var(--ai-dot-spread));--ai-glow-y2:calc(var(--ai-dot-y) + sin(var(--ai-glow-angle) + 120deg) * var(--ai-dot-spread));--ai-glow-x3:calc(var(--ai-dot-x) + cos(var(--ai-glow-angle) + 240deg) * var(--ai-dot-spread));--ai-glow-y3:calc(var(--ai-dot-y) + sin(var(--ai-glow-angle) + 240deg) * var(--ai-dot-spread));background-image:radial-gradient(circle at var(--ai-dot-x) var(--ai-dot-y), #ffffffb3 0, #ffffff40 calc(var(--ai-dot-radius) * .25), transparent calc(var(--ai-dot-radius) * .65)), radial-gradient(circle at var(--ai-glow-x) var(--ai-glow-y), cyan 0, #00ffff80 calc(var(--ai-dot-radius) * .5), transparent var(--ai-dot-radius)), radial-gradient(circle at var(--ai-glow-x2) var(--ai-glow-y2), tomato 0, #ff634780 calc(var(--ai-dot-radius) * .5), transparent var(--ai-dot-radius)), radial-gradient(circle at var(--ai-glow-x3) var(--ai-glow-y3), #b84dff 0, #80008080 calc(var(--ai-dot-radius) * .6), transparent var(--ai-dot-radius)), radial-gradient(circle at var(--ai-dot-x) var(--ai-dot-y), #00ffff40 0, #b84dff30 var(--ai-dot-radius), transparent calc(var(--ai-dot-radius) * 1.6))}.ai-changed.ai-change-pulse{animation:ai-change-dot 1.6s linear var(--ai-change-delay,0s) forwards;background-repeat:no-repeat;background-size:0 0}.ai-changed:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes ai-change-dot{0%,to{background-size:100% 100%}0%,62.5%{--ai-dot-x:50%;--ai-dot-y:50%;--ai-dot-radius:7px;--ai-dot-spread:3px}0%{--ai-glow-angle:0deg}62.5%{--ai-glow-angle:360deg;animation-timing-function:cubic-bezier(0,.85,.6,1)}to{--ai-dot-x:6px;--ai-dot-y:6px;--ai-dot-radius:3px;--ai-dot-spread:0px;--ai-glow-angle:360deg}}@media (prefers-reduced-motion:reduce){.ai-changed.ai-change-pulse{background-size:auto;animation:none}}.ai-change-descriptions{clip-path:inset(50%);white-space:nowrap;pointer-events:none;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.ai-change-tooltip{z-index:100;color:#e8eaf0;white-space:pre-line;pointer-events:none;background:#171b23;border:1px solid #dbe9ff80;border-radius:5px;max-width:min(360px,100vw - 16px);max-height:min(240px,100vh - 16px);padding:8px;font-size:11px;position:fixed;overflow:hidden}
