@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;700&family=Space+Mono:wght@400;700&display=swap";
*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#080b0f;--surface:#0d1117;--surface2:#131a24;--border:#1e2d3d;--accent:#00d4ff;--accent2:#7b2fff;--green:#34d399;--red:#f87171;--amber:#fbbf24;--cyan:#00d4ff;--text:#c8d8e8;--text-dim:#4a6580;--text-bright:#e8f4ff;--pink:#f472b6;--active:#0f8;--warn:#ff6b35;--slot-empty:#0a0f15;--sig-visual:#d946ef;--sig-audio:#f59e0b;--sig-json:#38bdf8;--sig-text:#22c55e;--sig-osc:#14b8a6;--sig-test:#6b7280;--font-mono:"JetBrains Mono",monospace;--font-display:"Space Mono",monospace;--font:var(--font-mono);--color-none:#6b7280;--color-rms:#e5f9ff;--color-bpm:#ffd84d;--color-sub:#7c3aed;--color-bass:#ff2fa3;--color-mid:#ff8a3d;--color-high:#3dd6ff}body{background:var(--bg);color:var(--text);font-family:var(--font-mono);min-height:100vh;font-size:13px;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00d4ff04 2px 4px);position:fixed;inset:0}.shimmer-bg{z-index:-1;pointer-events:none;background:0 0;width:100%;height:100%;position:fixed;inset:0;overflow:hidden}.shimmer-bg:after{content:"";mix-blend-mode:screen;opacity:.76;background:linear-gradient(115deg,#fff0 0%,#ff69b41f 10%,#8a2be21f 20%,#4b00821f 30%,#00bfff1f 40%,#00ffff1f 50%,#ffd7001f 60%,#ffa5001f 70%,#ff14931f 80%,#fff0 100%) 0 0/300% 100%;animation:8s linear infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{background-position:-300% 0}to{background-position:300% 0}}header{border-bottom:1px solid var(--border);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#00d4ff0a 0%,#0000 100%);justify-content:space-between;align-items:center;padding:14px 28px;display:flex;position:sticky;top:0}.logo{font-family:var(--font-display);letter-spacing:.2em;color:var(--accent);text-shadow:0 0 20px #00d4ff80;font-size:18px;font-weight:700}.logo span{color:var(--text-dim);font-weight:400}.header-right{color:var(--text-dim);letter-spacing:.08em;align-items:center;gap:24px;font-size:11px;display:flex}.status-pill{align-items:center;gap:6px;display:flex}.dot{background:var(--text-dim);border-radius:50%;width:6px;height:6px;transition:background .3s}.dot.online{background:var(--active);box-shadow:0 0 8px var(--active);animation:2s infinite pulse}.dot.offline{background:var(--warn)}.dot.connecting{background:var(--accent);animation:1s infinite blink}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.header-time{font-family:var(--font-display);color:var(--text-dim);letter-spacing:.1em;font-size:11px}.header-badges{align-items:center;gap:8px;display:flex}.header-badge{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--border);background:var(--surface2);color:var(--text-dim);white-space:nowrap;border-radius:3px;align-items:center;gap:6px;padding:5px 12px;font-size:10px;font-weight:700;display:flex}.header-badge.badge-live{color:var(--active);background:#00ff880f;border-color:#00ff8859}.header-badge.badge-warn{color:var(--accent);background:#00d4ff0f;border-color:#00d4ff4d}.header-badge.badge-off{color:var(--red);background:#f871710a;border-color:#f8717133}.header-badge.badge-maestra-on{color:var(--active);text-shadow:0 0 6px #00ff884d;background:#00ff8814;border-color:#00ff8880;box-shadow:0 0 12px #00ff881f}.badge-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.badge-dot.live{background:var(--active);box-shadow:0 0 6px var(--active);animation:2s infinite pulse}.badge-dot.warn{background:var(--accent);animation:1s infinite blink}.badge-dot.off{background:var(--red);opacity:.6}.system-status-bar{border-bottom:1px solid var(--border);font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-dim);background:#0006;align-items:center;gap:16px;padding:6px 28px;font-size:10px;display:flex;overflow-x:auto}.sys-stat{white-space:nowrap;align-items:center;gap:5px;display:flex}.sys-stat .dot{width:5px;height:5px}.sys-stat-val{color:var(--text);font-weight:500}.sys-stat-sep{background:var(--border);flex-shrink:0;width:1px;height:14px}.btn-join-maestra{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--active);cursor:pointer;text-shadow:0 0 8px #00ff884d;background:#00ff8814;border:1px solid #00ff8880;border-radius:3px;align-items:center;gap:6px;padding:6px 16px;font-size:10px;font-weight:700;transition:all .2s;display:flex}.btn-join-maestra:hover{border-color:var(--active);background:#00ff8829;box-shadow:0 0 16px #0f83,0 0 4px #00ff881a}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;width:420px;max-width:90vw;padding:32px;box-shadow:0 20px 60px #00000080,0 0 40px #00d4ff14}.modal-title{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-size:14px;font-weight:700}.modal-subtitle{color:var(--text-dim);margin-bottom:24px;font-size:11px;line-height:1.6}.modal-steps{gap:8px;margin-bottom:20px;display:flex}.modal-step{background:var(--surface2);border-radius:2px;flex:1;height:3px;transition:background .3s}.modal-step.done{background:var(--active)}.modal-step.current{background:var(--accent)}.modal-field{margin-bottom:16px}.modal-field label{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);margin-bottom:6px;font-size:9px;display:block}.modal-field input,.modal-field select{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-mono);border-radius:4px;outline:none;padding:10px 14px;font-size:12px;transition:border-color .15s}.modal-field input:focus,.modal-field select:focus{border-color:var(--accent)}.modal-field input::placeholder{color:var(--text-dim);opacity:.4}.modal-actions{gap:8px;margin-top:24px;display:flex}.modal-actions .btn{text-align:center;flex:1;padding:10px;font-weight:700}.connect-card{background:var(--bg);text-align:center;border:1px solid #00ff884d;border-radius:6px;padding:20px}.connect-card .claim-code{font-family:var(--font-display);letter-spacing:.2em;color:var(--active);text-shadow:0 0 20px #0f86;margin:12px 0;font-size:28px;font-weight:700}.connect-card .claim-hint{color:var(--text-dim);letter-spacing:.08em;font-size:10px}.join-maestra-modal{width:480px}.join-methods{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.join-method{background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:6px;align-items:center;gap:14px;padding:14px 16px;transition:all .2s;display:flex}.join-method:hover{background:#00d4ff08;border-color:#00d4ff4d}.join-method.selected{border-color:var(--accent);background:#00d4ff0f;box-shadow:0 0 12px #00d4ff14}.join-method-icon{color:var(--text-dim);flex-shrink:0;transition:color .2s}.join-method.selected .join-method-icon{color:var(--accent)}.join-method-content{flex:1}.join-method-title{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text);margin-bottom:3px;font-size:11px;font-weight:700}.join-method.selected .join-method-title{color:var(--accent)}.join-method-desc{color:var(--text-dim);font-size:10px;line-height:1.5}.join-method-radio{flex-shrink:0}.radio-dot{border:2px solid var(--border);background:0 0;border-radius:50%;width:14px;height:14px;transition:all .2s}.radio-dot.active{border-color:var(--accent);background:var(--accent);box-shadow:0 0 8px #00d4ff66}.connecting-animation{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:120px;padding:32px 0;display:flex}.connecting-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.connecting-status{flex-direction:column;align-items:center;display:flex}.success-card,.failure-card{background:var(--bg);border:1px solid var(--border);border-radius:6px;margin-bottom:12px;padding:16px}.success-card{border-color:#00ff8840}.failure-card{border-color:#f8717140}.success-info-row{align-items:center;gap:12px;padding:4px 0;font-size:11px;display:flex}.success-label{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);min-width:70px;font-size:9px}.success-value{font-family:var(--font-mono);color:var(--accent);word-break:break-all;font-size:11px}.success-actions{gap:8px;margin-bottom:12px;display:flex}.td-roles{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.td-role-option{background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:6px;align-items:center;gap:14px;padding:14px 16px;transition:all .2s;display:flex}.td-role-option:hover{border-color:#00d4ff33}.td-role-option.selected{border-color:var(--role-color,var(--accent));background:#00d4ff0a}.td-role-title{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text);flex:none;min-width:110px;font-size:11px;font-weight:700}.td-role-option.selected .td-role-title{color:var(--role-color,var(--accent))}.td-role-desc{color:var(--text-dim);flex:1;font-size:10px;line-height:1.5}.entity-bus{border-top:1px solid var(--border);flex-shrink:0;padding:10px 16px}.entity-bus-title{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-size:9px}.entity-bus-inner{flex-direction:column;gap:2px;max-height:180px;display:flex;overflow-y:auto}.entity-bus-empty{color:var(--text-dim);opacity:.4;font-size:9px;font-style:italic}.entity-bus-row{align-items:center;gap:5px;padding:2px 0;font-family:JetBrains Mono,monospace;font-size:9px;line-height:1.4;animation:.3s busFadeIn;display:flex}@keyframes busFadeIn{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.entity-bus-key{color:var(--text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.entity-bus-arrow{color:var(--text-dim);opacity:.4;flex-shrink:0}.entity-bus-val{color:var(--accent);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.event-log{border-top:1px solid var(--border);flex-shrink:0;padding:10px 16px}.event-log-title{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px;font-size:9px}.event-line{gap:8px;margin-bottom:1px;font-size:9px;line-height:1.6;display:flex}.event-time{color:var(--text-dim);flex-shrink:0}.event-type{text-transform:uppercase;letter-spacing:.06em;min-width:60px;font-weight:700}.event-type.connect{color:var(--active)}.event-type.disconnect{color:var(--red)}.event-type.state{color:var(--accent)}.event-type.stream{color:var(--amber)}.event-msg{color:var(--text)}.empty-state-cta{text-align:center;cursor:pointer;background:#00d4ff05;border:2px dashed #00d4ff26;border-radius:8px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:16px;padding:48px 32px;transition:all .2s;display:flex}.empty-state-cta:hover{background:#00d4ff0a;border-color:#00d4ff4d}.empty-state-cta .cta-icon{opacity:.2}.empty-state-cta .cta-title{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--text);font-size:12px;font-weight:700}.empty-state-cta .cta-desc{color:var(--text-dim);max-width:300px;font-size:11px;line-height:1.6}.auto-inject-bar{color:var(--active);background:#00ff880a;border:1px solid #00ff8826;border-radius:3px;align-items:center;gap:8px;margin-top:6px;padding:6px 10px;font-size:9px;display:flex}.auto-inject-bar .inject-countdown{font-family:var(--font-display);letter-spacing:.08em;font-weight:700}.inject-progress{background:#00ff881a;border-radius:1px;flex:1;height:2px;overflow:hidden}.inject-progress-fill{background:var(--active);border-radius:1px;height:100%;transition:width 1s linear}.explainer{border-top:1px solid var(--border);color:var(--text-dim);background:#00000026;flex-shrink:0;padding:16px;font-size:10px;line-height:1.75}.explainer strong{color:var(--accent);font-weight:700}.explainer em{color:var(--active);font-style:normal}.tab-nav{border-bottom:1px solid var(--border);background:var(--surface);gap:2px;padding:0 28px;display:flex}.tab-btn{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:14px 24px;font-size:12px;font-weight:700;transition:all .2s}.tab-btn:hover{color:var(--text-bright);background:#00d4ff08}.tab-btn.active{color:var(--accent);border-bottom-color:var(--accent);text-shadow:0 0 8px #00d4ff4d}.tab-content{display:none}.tab-content.active{display:block}.fleet-layout{grid-template-columns:1fr 320px;min-height:calc(100vh - 250px);display:grid}.fleet-panel{border-right:1px solid var(--border);padding:24px;overflow-y:auto}.panel-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.panel-title-sm{font-family:var(--font-display);letter-spacing:.2em;color:var(--text-dim);text-transform:uppercase;font-size:11px}.entity-count{color:var(--text-dim);background:var(--surface2);border:1px solid var(--border);letter-spacing:.05em;border-radius:2px;padding:3px 8px;font-size:10px}.slot-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px;display:grid}.slot{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:4px;transition:border-color .2s,box-shadow .2s,transform .15s;position:relative;overflow:hidden}.slot:hover{border-color:#00d4ff99;transform:translateY(-2px);box-shadow:0 0 20px #00d4ff33,inset 0 0 30px #00d4ff08}.slot.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 24px #00d4ff4d,inset 0 0 40px #00d4ff0a;border-width:2px}.slot.active-slot{border-color:var(--active);box-shadow:0 0 16px #00ff8840,0 0 0 1px var(--active)}.slot.active-slot:hover{border-color:#00ff88e6;box-shadow:0 0 24px #00ff8859,0 0 0 1px #00ff88e6}.slot.active-slot.selected{border-color:var(--active);box-shadow:0 0 20px #00ff8859,0 0 0 1px var(--active),0 0 30px #00ff8826,inset 0 0 40px #00ff8808;border-width:2px}.slot.active-slot .slot-label{color:var(--active)}.slot-video-area{aspect-ratio:16/9;background:var(--slot-empty);width:100%;position:relative;overflow:hidden}.slot-video-area img{object-fit:cover;will-change:contents;image-rendering:auto;width:100%;height:100%;display:block}.slot-suggestion{flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;padding:14px 16px;display:flex;position:absolute;inset:0}.suggestion-eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);opacity:.4;margin-bottom:2px;font-size:8px}.suggestion-title{font-family:var(--font-display);color:var(--text);letter-spacing:.04em;opacity:.55;font-size:11px;font-weight:700}.suggestion-desc{color:var(--text-dim);opacity:.45;font-size:9px;line-height:1.5}.slot-available-state{flex-direction:column;justify-content:center;align-items:center;gap:6px;transition:all .25s;display:flex;position:absolute;inset:0}.slot-available-label{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);opacity:.35;font-size:11px;font-weight:700;transition:all .25s}.slot:not(.active-slot):hover .slot-available-label{opacity:.7;color:var(--accent);transform:translateY(-6px)}.slot-available-hover-btn{font-family:var(--font-display);letter-spacing:.06em;color:#fff;opacity:0;pointer-events:none;background:#00d4ff33;border:1px solid #00d4ff80;border-radius:4px;align-items:center;gap:5px;padding:7px 16px;font-size:11px;font-weight:700;transition:all .25s;display:flex;transform:translateY(8px)scale(.95)}.slot:not(.active-slot):hover .slot-available-hover-btn{opacity:1;pointer-events:auto;transform:translateY(2px)scale(1)}.slot-available-hover-icon{color:var(--accent);font-size:14px;font-weight:300}.slot.setup-mode{border-color:#00d4ff80;box-shadow:0 0 16px #00d4ff26,0 0 0 1px #00d4ff4d}.slot.setup-mode .slot-label{color:var(--accent)}.slot-inline-wizard{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px 12px;display:flex;position:absolute;inset:0}.slot-wizard-steps{align-items:center;gap:4px;margin-bottom:4px;display:flex}.slot-wizard-dot{background:#ffffff1f;border:1px solid #ffffff26;border-radius:50%;width:7px;height:7px;transition:all .3s}.slot-wizard-dot.active{background:var(--accent);border-color:var(--accent);box-shadow:0 0 8px #00d4ff80}.slot-wizard-dot.done{background:#22c55e;border-color:#22c55e}.slot-wizard-line{background:#ffffff1a;width:14px;height:1px}.slot-wizard-content{flex-direction:column;align-items:center;gap:6px;width:100%;animation:.2s wizardFadeIn;display:flex}@keyframes wizardFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.slot-wizard-title{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-size:10px;font-weight:700}.slot-wizard-hint{color:var(--text-dim);opacity:.7;text-align:center;max-width:90%;font-size:8px;line-height:1.3}.slot-wizard-btn{font-family:var(--font-display);letter-spacing:.04em;color:var(--text-dim);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:4px;padding:12px 28px;font-size:14px;font-weight:600;transition:all .15s}.slot-wizard-btn:hover{color:var(--text);background:#ffffff14}.slot-wizard-btn-primary{color:#fff;background:#00d4ff33;border-color:#00d4ff80;align-items:center;gap:6px;display:flex}.slot-wizard-btn-primary:hover{background:#00d4ff59;box-shadow:0 0 12px #00d4ff33}.slot-wizard-btn-ghost{opacity:.4;background:0 0;border:none;padding:8px 16px;font-size:12px}.slot-wizard-btn-ghost:hover{opacity:.8}.slot-wizard-options{gap:5px;width:100%;display:flex}.slot-wizard-options-grid{flex-wrap:wrap;justify-content:center}.slot-wizard-option{cursor:pointer;min-width:0;font-family:var(--font-display);color:var(--text-dim);letter-spacing:.03em;white-space:nowrap;background:#ffffff08;border:1px solid #ffffff14;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.slot-wizard-option:hover{color:var(--text);border-color:var(--opt-color,#ffffff26);background:#ffffff14}.slot-wizard-option:hover .slot-wizard-option-icon{color:var(--opt-color,var(--accent))}.slot-wizard-option-icon{color:#ffffff4d;font-size:16px;transition:color .15s}.slot-wizard-option-sm{flex:0 0 calc(33.33% - 4px);min-width:0;padding:8px;font-size:12px}.setup-tag{letter-spacing:.04em;background:#00d4ff14;border-color:#00d4ff33;font-size:8px;color:var(--accent)!important}.available-label{display:inline}.available-connect-btn,.slot:not(.active-slot):hover .available-label{display:none}.slot:not(.active-slot):hover .available-connect-btn{display:inline}.suggestion-tag{letter-spacing:.1em;text-transform:uppercase;opacity:.4;border-radius:2px;margin-top:4px;padding:2px 6px;font-size:8px}.suggestion-tag.td{color:var(--accent);background:#00d4ff1a;border:1px solid #00d4ff26}.suggestion-tag.scope{color:var(--pink);background:#f472b61a;border:1px solid #f472b626}.suggestion-tag.max{color:var(--amber);background:#fbbf241a;border:1px solid #fbbf2426}.suggestion-tag.browser{color:var(--active);background:#00ff881a;border:1px solid #00ff8826}.slot-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:6px;padding:8px 10px;display:flex}.slot-footer-left{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.slot-label{font-family:var(--font-display);letter-spacing:.08em;color:var(--text);font-size:11px;font-weight:700;transition:color .2s}.slot-label-id{color:var(--text-dim);font-weight:600}.slot-label-sep{color:var(--text-dim);opacity:.4}.slot-label-name{color:var(--text)}.slot.active-slot .slot-label-name{color:var(--active)}.slot-entity-tag{align-items:center;gap:4px;display:flex}.slot-entity-label{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);opacity:.5;font-size:7px;font-weight:700}.slot-entity-id{color:var(--accent);opacity:.7;text-overflow:ellipsis;white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:8px;overflow:hidden}.slot-state-badge{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;border-radius:2px;padding:2px 8px;font-size:8px;font-weight:800}.slot-state-badge.badge-active{color:var(--active);background:#00ff8826;border:1px solid #00ff884d}.slot-state-badge.badge-streaming{color:#60a5fa;background:#0078ff26;border:1px solid #0078ff4d}.slot-state-badge.badge-paused{color:var(--amber);background:#fbbf241f;border:1px solid #fbbf244d}.slot-state-badge.badge-monitor{color:var(--accent);background:#00d4ff1a;border:1px solid #00d4ff40}.slot-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.slot-fps{color:var(--text-dim);letter-spacing:.05em;font-variant-numeric:tabular-nums;font-size:9px}.slot-tag{letter-spacing:.1em;text-transform:uppercase;text-align:center;border-radius:2px;min-width:70px;padding:2px 6px;font-size:9px;font-weight:700}.slot-tag.active-tag{color:var(--active);background:#00ff881f;border:1px solid #00ff884d}.slot-tag.available-tag{color:var(--cyan);letter-spacing:.06em;background:#00d4ff14;border:1px solid #00d4ff40;font-size:8px}.slot:not(.active-slot):hover .slot-tag.available-tag{color:#fff;background:#00d4ff40;border-color:#00d4ff99}.slot:not(.active-slot){cursor:pointer}.slot:not(.active-slot):hover{border-color:#00d4ff99;box-shadow:0 0 24px #00d4ff33}.slot:not(.active-slot):hover .slot-label,.slot.selected .slot-label{color:var(--accent)}.slot[data-signal=touchdesigner]{border-color:#d946ef80;box-shadow:0 0 16px #d946ef33,0 0 0 1px #d946ef4d}.slot[data-signal=touchdesigner] .slot-label-name{color:var(--sig-visual)}.slot[data-signal=audio_reactive]{border-color:#f59e0b80;box-shadow:0 0 16px #f59e0b33,0 0 0 1px #f59e0b4d}.slot[data-signal=audio_reactive] .slot-label-name{color:var(--sig-audio)}.slot[data-signal=json_stream]{border-color:#38bdf880;box-shadow:0 0 16px #38bdf833,0 0 0 1px #38bdf84d}.slot[data-signal=json_stream] .slot-label-name{color:var(--sig-json)}.slot[data-signal=text]{border-color:#22c55e80;box-shadow:0 0 16px #22c55e33,0 0 0 1px #22c55e4d}.slot[data-signal=text] .slot-label-name{color:var(--sig-text)}.slot[data-signal=osc]{border-color:#14b8a680;box-shadow:0 0 16px #14b8a633,0 0 0 1px #14b8a64d}.slot[data-signal=osc] .slot-label-name{color:var(--sig-osc)}.slot[data-signal=test_signal]{border-color:#6b728066;box-shadow:0 0 10px #6b728026}.slot[data-signal=test_signal] .slot-label-name{color:var(--sig-test)}.slot[data-signal=touchdesigner] .slot-entity-id{color:var(--sig-visual)}.slot[data-signal=audio_reactive] .slot-entity-id{color:var(--sig-audio)}.slot[data-signal=json_stream] .slot-entity-id{color:var(--sig-json)}.slot[data-signal=text] .slot-entity-id{color:var(--sig-text)}.slot[data-signal=osc] .slot-entity-id{color:var(--sig-osc)}.slot[data-signal=test_signal] .slot-entity-id{color:var(--sig-test)}.slot.cloud-node{box-shadow:inset 3px 0 0 var(--accent),0 0 18px #00d4ff14;border-color:#00d4ff73}.slot.cloud-node .slot-label{color:var(--accent)}.cloud-badge{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);background:#00d4ff1f;border:1px solid #00d4ff4d;border-radius:2px;align-items:center;gap:3px;padding:1px 5px;font-size:7px;font-weight:700;display:inline-flex}.selected-badge{background:var(--accent);opacity:0;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:opacity .2s;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 0 10px #00d4ff80}.slot.selected .selected-badge{opacity:1}.slot.active-slot.selected .selected-badge{background:var(--active);box-shadow:0 0 10px #00ff8880}.selected-badge svg{width:10px;height:10px}.slot.live-mode{min-height:0}.live-node-panel{background:var(--surface);flex-direction:column;gap:0;max-height:420px;display:flex;overflow-y:auto}.live-node-thumb{aspect-ratio:16/7;background:var(--slot-empty);flex-shrink:0;width:100%;position:relative;overflow:hidden}.live-node-thumb img{object-fit:cover;width:100%;height:100%;display:block}.live-node-thumb-placeholder{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:0}.live-node-thumb-icon{opacity:.4;font-size:16px}.live-node-thumb-status{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-size:8px;font-weight:700}.live-node-badge{font-family:var(--font-display);letter-spacing:.14em;color:var(--active);background:#0f83;border:1px solid #0f86;border-radius:2px;padding:2px 7px;font-size:8px;font-weight:800;position:absolute;top:6px;left:6px}.live-node-badge.status-live{color:var(--active);background:#0f83;border-color:#0f86}.live-node-badge.status-ok{color:var(--accent);background:#00d4ff26;border-color:#00d4ff4d}.live-node-badge.status-warn{color:var(--amber);background:#fbbf2426;border-color:#fbbf244d}.live-node-badge.status-off{color:#f87171;background:#ff3c3c26;border-color:#ff3c3c4d}.live-section{border-top:1px solid #ffffff0a;padding:8px 10px}.live-section-head{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-bottom:6px;font-size:9px;font-weight:700}.live-kv-grid{grid-template-columns:auto 1fr;gap:1px 8px;font-size:9px;line-height:1.5;display:grid}.live-kv-key{color:var(--text-dim);letter-spacing:.04em;white-space:nowrap;font-weight:600}.live-kv-val{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:9px;overflow:hidden}.live-kv-val.val-ok{color:var(--active)}.live-kv-val.val-warn{color:var(--amber)}.live-signal-group{margin-bottom:3px}.live-signal-dir{letter-spacing:.06em;color:var(--text-dim);margin-bottom:2px;font-size:8px;font-weight:600;display:block}.live-signal-list{flex-wrap:wrap;gap:3px;display:flex}.live-signal-tag{letter-spacing:.03em;border-radius:2px;padding:1px 5px;font-family:JetBrains Mono,monospace;font-size:8px}.live-signal-tag.pub{color:var(--active);background:#00ff881a;border:1px solid #0f83}.live-signal-tag.sub{color:var(--accent);background:#00d4ff14;border:1px solid #00d4ff26}.live-state-table{background:#0003;border-radius:3px;flex-direction:column;gap:1px;max-height:120px;padding:4px 0;font-family:JetBrains Mono,monospace;font-size:10px;display:flex;overflow-y:auto}.live-state-row{justify-content:space-between;align-items:center;gap:8px;padding:2px 8px;display:flex}.live-state-row:nth-child(odd){background:#ffffff05}.live-state-key{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;max-width:50%;overflow:hidden}.live-state-val{color:#a78bfa;text-align:right;white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.live-state-more{color:var(--text-dim);opacity:.5;font-size:9px;font-style:italic}.live-inject-form{flex-direction:column;gap:6px;display:flex}.live-inject-row{align-items:center;gap:8px;display:flex}.live-inject-label{color:var(--text-dim);letter-spacing:.04em;flex-shrink:0;width:44px;font-size:13px;font-weight:600}.live-inject-input{color:#a78bfa;background:#0006;border:1px solid #ffffff14;border-radius:4px;outline:none;flex:1;min-width:0;padding:12px 14px;font-family:JetBrains Mono,monospace;font-size:16px}.live-inject-input:focus{border-color:#00d4ff66}.live-inject-send{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:#fff;cursor:pointer;background:#00d4ff33;border:1px solid #00d4ff80;border-radius:4px;align-self:flex-end;padding:12px 36px;font-size:14px;font-weight:700;transition:all .15s}.live-inject-send:hover:not(:disabled){background:#00d4ff59;box-shadow:0 0 10px #00d4ff33}.live-inject-send:disabled{opacity:.3;cursor:default}.live-activity-log{flex-direction:column;gap:2px;max-height:64px;display:flex;overflow-y:auto}.live-activity-row{gap:6px;font-size:8px;line-height:1.4;display:flex}.live-activity-time{color:var(--text-dim);white-space:nowrap;flex-shrink:0;font-family:JetBrains Mono,monospace}.live-activity-msg{color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.live-source-form{flex-direction:column;gap:6px;display:flex}.live-source-upload{cursor:pointer;background:#0000004d;border:1px dashed #ffffff1f;border-radius:4px;align-items:center;gap:10px;padding:14px 20px;transition:all .15s;display:flex;position:relative}.live-source-upload:hover{background:#00d4ff0d;border-color:#00d4ff66}.live-source-upload-icon{color:var(--accent);font-size:20px}.live-source-upload-text{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.live-empty{color:var(--text-dim);opacity:.5;font-size:8px;font-style:italic}.scene-bar{background:var(--surface);border:1px solid var(--border);border-radius:4px;flex-direction:column;gap:10px;margin-top:16px;padding:10px 14px;display:flex}.scene-bar-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.scene-bar-label{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);flex-shrink:0;font-size:9px;font-weight:700}.scene-grid{flex-wrap:wrap;flex:1;gap:6px;display:flex}.scene-btn{font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:3px;padding:8px 16px;font-size:10px;font-weight:700;transition:all .2s;position:relative;overflow:hidden}.scene-btn:before{content:"";opacity:0;background:radial-gradient(circle at center,var(--scene-color,#00d4ff4d)0%,transparent 70%);transition:opacity .3s;position:absolute;inset:0}.scene-btn:hover{border-color:var(--scene-color,#00d4ff80);color:var(--text)}.scene-btn:hover:before{opacity:.4}.scene-btn.scene-active{border-color:var(--scene-color,var(--accent));color:#fff;box-shadow:0 0 16px var(--scene-color,#00d4ff4d),inset 0 0 20px #ffffff08}.scene-btn.scene-active:before{opacity:.6}.scene-btn-label{z-index:1;position:relative}.scene-bar-prompt-row{flex-direction:column;align-items:stretch;gap:6px}.scene-bar-prompt-group{align-items:center;gap:6px;display:flex}.scene-bar-trans-btn{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;white-space:nowrap;color:#22c55e80;background:#22c55e0d;border:1px solid #22c55e40;border-radius:3px;flex-shrink:0;align-items:center;gap:5px;padding:6px 12px;font-size:9px;font-weight:700;transition:all .2s;display:flex}.scene-bar-trans-btn:hover{color:#22c55e;background:#22c55e1a;border-color:#22c55e80}.scene-bar-trans-btn.trans-on{color:#22c55e;background:#22c55e26;border-color:#22c55e;box-shadow:0 0 10px #22c55e33}.scene-bar-listening-dot{background:#22c55e;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite pulse-dot}.scene-bar-prompt-input{color:var(--text);background:#0000004d;border:1px solid #ffffff14;border-radius:3px;outline:none;flex:1;min-width:0;padding:6px 10px;font-family:JetBrains Mono,monospace;font-size:11px}.scene-bar-prompt-input:focus{border-color:#00d4ff66}.scene-bar-prompt-input::placeholder{color:var(--text-dim);opacity:.5}.scene-bar-inject-btn{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);cursor:pointer;background:#00d4ff1f;border:1px solid #00d4ff66;border-radius:3px;flex-shrink:0;padding:6px 14px;font-size:9px;font-weight:800;transition:all .2s}.scene-bar-inject-btn:hover{background:#00d4ff40}.scene-bar-inject-btn.live{color:#f87171;background:#ff3c3c26;border-color:#ff3c3c80;animation:2s ease-in-out infinite inject-pulse}@keyframes inject-pulse{0%,to{box-shadow:0 0 #ff3c3c00}50%{box-shadow:0 0 12px #ff3c3c4d}}.scene-bar-transcript-line{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.scene-bar-transcript-text{color:var(--text);opacity:.8;font-size:10px}.scene-bar-transcript-placeholder{color:var(--text-dim);opacity:.4;font-size:10px;font-style:italic}.scene-bar-nouns{flex-wrap:wrap;gap:3px;display:flex}.scene-bar-noun{color:var(--accent);background:#00d4ff1a;border:1px solid #00d4ff26;border-radius:2px;padding:1px 5px;font-family:JetBrains Mono,monospace;font-size:8px}.scene-bar-sending{border-top:1px solid #ffffff0a;align-items:center;gap:6px;padding:4px 0;font-size:9px;display:flex}.scene-bar-sending-label{color:var(--active);letter-spacing:.06em;text-transform:uppercase;flex-shrink:0;font-weight:700}.scene-bar-sending-text{color:var(--text);opacity:.7;text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:JetBrains Mono,monospace;font-size:9px;overflow:hidden}.scene-bar-progress{background:#ffffff0f;border-radius:2px;flex-shrink:0;width:40px;height:3px;overflow:hidden}.scene-bar-progress-fill{background:var(--accent);border-radius:2px;height:100%;transition:width 1s linear}.scene-bar-countdown{color:var(--text-dim);flex-shrink:0;font-family:JetBrains Mono,monospace;font-size:8px}.scene-bar-p6{font-family:var(--font-display);letter-spacing:.12em;color:var(--amber);background:#fbbf2433;border:1px solid #fbbf244d;border-radius:2px;padding:1px 5px;font-size:7px;font-weight:800}.detail-panel{background:var(--surface);flex-direction:column;max-width:320px;display:flex;overflow-y:auto}.detail-inactive-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.detail-inactive-title{font-family:var(--font-display);color:var(--text-bright);letter-spacing:.04em;font-size:14px;font-weight:700}.detail-inactive-badge{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:#00d4ff14;border:1px solid #00d4ff40;border-radius:3px;padding:2px 8px;font-size:9px;font-weight:700}.detail-video-container{aspect-ratio:16/9;border-bottom:1px solid var(--border);background:#000;flex-shrink:0;width:100%;position:relative;overflow:hidden}.detail-video-container img{object-fit:cover;width:100%;height:100%;display:block}.detail-placeholder{flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.detail-placeholder svg{opacity:.15}.detail-placeholder p{color:var(--text-dim);letter-spacing:.1em;text-transform:uppercase;font-size:11px}.video-overlay{opacity:0;background:linear-gradient(#0000 0%,#000000b3 100%);justify-content:space-between;align-items:center;padding:8px 12px;transition:opacity .2s;display:flex;position:absolute;bottom:0;left:0;right:0}.detail-video-container:hover .video-overlay{opacity:1}.live-badge{color:var(--active);letter-spacing:.1em;align-items:center;gap:5px;font-size:10px;font-weight:700;display:flex}.detail-info{flex-shrink:0;padding:16px}.detail-name{font-family:var(--font-display);color:var(--text-bright);letter-spacing:.05em;margin-bottom:4px;font-size:16px;font-weight:700}.detail-type{color:var(--text-dim);letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;font-size:10px}.detail-stats{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.stat-cell{background:var(--surface2);border:1px solid var(--border);border-radius:3px;padding:8px 10px}.stat-label{color:var(--text-dim);letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px;font-size:10px}.stat-value{font-family:var(--font-display);color:var(--text-bright);letter-spacing:.04em;font-size:18px;font-weight:700}.stat-value.online{color:var(--active)}.stat-value.offline{color:var(--red)}.stat-value.ok{color:var(--green)}.signal-panel{border-top:1px solid var(--border);flex-shrink:0}.signal-section{padding:16px 18px}.sp-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.sp-title-row{align-items:center;gap:8px;display:flex}.sp-title{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--text);font-size:11px;font-weight:700}.sp-listening-badge{letter-spacing:.08em;color:var(--active);text-transform:uppercase;align-items:center;gap:5px;font-size:10px;font-weight:700;display:inline-flex}.sp-listening-dot{background:var(--active);width:7px;height:7px;box-shadow:0 0 8px var(--active);border-radius:50%;animation:1.5s infinite pulse}.toggle{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.toggle input{display:none}.toggle-track{background:var(--surface2);border:1px solid var(--border);border-radius:8px;width:32px;height:16px;transition:background .2s;position:relative}.toggle input:checked+.toggle-track{background:#00d4ff38;border-color:#00d4ff80}.toggle-thumb{background:var(--text-dim);border-radius:50%;width:10px;height:10px;transition:all .2s;position:absolute;top:2px;left:2px}.toggle input:checked+.toggle-track .toggle-thumb{background:var(--accent);box-shadow:0 0 4px var(--accent);left:18px}.toggle-label{color:var(--text-dim);letter-spacing:.06em;font-size:10px}.sp-title,.sp-listening-badge{color:#5cc8ff}.sp-listening-dot{background:#5cc8ff;box-shadow:0 0 8px #5cc8ff}.sp-header .toggle .toggle-track{border-radius:11px;width:44px;height:22px}.sp-header .toggle .toggle-thumb{width:16px;height:16px;top:2px;left:2px}.sp-header .toggle input:checked+.toggle-track .toggle-thumb{background:#5cc8ff;left:24px;box-shadow:0 0 6px #5cc8ff}.sp-header .toggle input:checked+.toggle-track{background:#5cc8ff33;border-color:#5cc8ff80}.sp-header .toggle-label{font-size:12px;font-weight:600}.sp-transcript{background:var(--bg);min-height:52px;max-height:80px;color:var(--text);border:1px solid #5cc8ff33;border-radius:4px;margin-bottom:10px;padding:10px 12px;font-size:12px;line-height:1.7;overflow-y:auto}.sp-transcript-placeholder{color:var(--text-dim);opacity:.5}.cursor{vertical-align:middle;background:#5cc8ff;border-radius:1px;width:7px;height:13px;margin-left:3px;animation:1s step-end infinite blink;display:inline-block}.sp-section-label{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:#ff9f43;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:10px;font-weight:700;display:flex}.sp-count{color:#5cc8ff;text-align:center;background:#5cc8ff14;border-radius:8px;min-width:18px;padding:1px 6px;font-size:10px;font-weight:700}.sp-empty{color:var(--text-dim);opacity:.4;font-size:10px}.sp-live-indicator{letter-spacing:.1em;color:#ff9f43;font-size:9px;font-weight:700;animation:2s infinite pulse}.noun-tags{flex-wrap:wrap;gap:5px;min-height:24px;margin-bottom:8px;display:flex}.noun-tag{letter-spacing:.06em;color:#5cc8ff;background:#5cc8ff14;border:1px solid #5cc8ff33;border-radius:3px;padding:3px 8px;font-size:10px;transition:all .3s}.noun-tag.fresh{background:#5cc8ff2e;border-color:#5cc8ff73;box-shadow:0 0 6px #5cc8ff33}.sp-prompt-row{align-items:stretch;gap:8px;margin-bottom:6px;display:flex}.sp-prompt-input{background:var(--bg);color:var(--text);font-family:var(--font-mono);resize:none;border:1px solid #ff9f4333;border-radius:4px;outline:none;flex:1;min-height:56px;padding:10px 12px;font-size:12px;line-height:1.6}.sp-prompt-input:focus{border-color:#ff9f4380}.sp-prompt-input::placeholder{color:var(--text-dim);opacity:.35}.sp-inject-btn{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:#ff9f43;cursor:pointer;white-space:nowrap;background:#ff9f4314;border:1px solid #ff9f4366;border-radius:4px;min-width:70px;padding:0 16px;font-size:11px;font-weight:700;transition:all .15s}.sp-inject-btn:hover{background:#ff9f4329;border-color:#ff9f4399}.sp-inject-btn.live{color:#ffb366;background:#ff9f4326;border-color:#ff9f4399;box-shadow:0 0 10px #ff9f4326}.sp-inject-btn.live:hover{color:var(--red);background:#f871711a;border-color:#f8717166}.sp-auto-bar{background:#ff9f430a;border:1px solid #ff9f432e;border-radius:4px;align-items:center;gap:8px;margin-top:8px;padding:8px 10px;display:flex}.sp-auto-label{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:#ff9f43;white-space:nowrap;font-size:9px;font-weight:700}.sp-auto-progress{background:#ff9f431f;border-radius:2px;flex:1;height:3px;overflow:hidden}.sp-auto-fill{background:#ff9f43;border-radius:2px;height:100%;transition:width 1s linear}.sp-auto-countdown{font-family:var(--font-display);letter-spacing:.08em;color:#ff9f43;text-align:right;font-variant-numeric:tabular-nums;min-width:20px;font-size:10px;font-weight:700}.sp-p6-badge{letter-spacing:.08em;color:#ff9f43;background:#ff9f431a;border:1px solid #ff9f4340;border-radius:2px;padding:2px 6px;font-size:9px;font-weight:700;animation:.8s infinite pulse}.sp-combined-preview{background:#00d4ff08;border:1px solid #00d4ff1f;border-radius:4px;flex-direction:column;gap:4px;margin-top:8px;padding:8px 10px;display:flex}.sp-combined-label{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:8px;font-weight:700}.sp-combined-text{color:var(--text);word-break:break-word;font-size:10px;line-height:1.5}.audio-analysis-section{background:#060810d9;border:1px solid #ffffff12;border-radius:12px;margin-top:1.5rem;margin-bottom:1.5rem;padding:1.25rem 1.5rem;position:relative;overflow:hidden}.audio-analysis-section:before{content:"";pointer-events:none;background:radial-gradient(at 20%,#6a50dc0f 0%,#0000 60%),radial-gradient(at 80%,#00bfff0d 0%,#0000 60%);position:absolute;inset:0}.aa-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.aa-title{text-transform:uppercase;letter-spacing:.12em;opacity:.45;font-size:.65rem}.aa-toggle{cursor:pointer;background:#50dcdc40;border:1px solid #50dcdc66;border-radius:10px;width:36px;height:20px;transition:background .3s;position:relative}.aa-toggle.on{background:#50dcdc99;box-shadow:0 0 12px #50dcdc66}.aa-toggle:after{content:"";background:#50dcdc;border-radius:50%;width:14px;height:14px;transition:transform .25s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;left:2px;box-shadow:0 0 8px #50dcdccc}.aa-toggle.on:after{transform:translate(16px)}.aa-tabs{border:1px solid #ffffff1a;border-radius:4px;gap:0;width:fit-content;margin-bottom:1.25rem;display:flex;overflow:hidden}.aa-tab{letter-spacing:.08em;text-transform:uppercase;cursor:pointer;color:#fff6;background:0 0;border:none;border-right:1px solid #ffffff1a;padding:.35rem 1rem;font-family:JetBrains Mono,monospace;font-size:.7rem;transition:all .2s}.aa-tab:last-child{border-right:none}.aa-tab.active{color:#50dcdc;background:#50dcdc1f;box-shadow:inset 0 0 12px #50dcdc14}.aa-bands{grid-template-columns:1fr 1fr 1fr;gap:.6rem 2rem;margin-bottom:1rem;display:grid}.aa-band{align-items:center;gap:.6rem;display:flex}.aa-band-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 6px}.aa-band-label{text-transform:uppercase;letter-spacing:.08em;opacity:.55;min-width:45px;font-size:.6rem}.aa-band-track{background:#ffffff12;border-radius:2px;flex:1;height:4px;position:relative;overflow:hidden}.aa-band-fill{border-radius:2px;height:100%;transition:width 80ms ease-out;position:relative}.aa-band-fill:after{content:"";filter:blur(1px);background:#fff9;border-radius:1px;width:3px;position:absolute;top:0;bottom:0;right:0}.aa-band-val{text-align:right;opacity:.7;min-width:24px;font-size:.7rem}.aa-viz-wrap{margin-bottom:1rem}#aaCanvas{border-radius:4px;width:100%;height:80px;display:block}.aa-stems-grid{grid-template-columns:1fr 1fr 1fr;gap:.6rem 2rem;margin-bottom:1rem;display:grid}.aa-live-row{border-top:1px solid #ffffff0d;grid-template-columns:repeat(4,1fr);gap:.5rem;padding-top:.75rem;display:grid}.aa-live-card{text-align:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:6px;padding:.5rem .75rem}.aa-live-label{text-transform:uppercase;letter-spacing:.1em;opacity:.35;margin-bottom:.3rem;font-size:.55rem}.aa-live-val{letter-spacing:.05em;font-size:1.1rem;font-weight:400;transition:color .3s}.aa-table{border-collapse:collapse;width:100%;margin-top:.75rem;font-size:.65rem}.aa-table th{text-align:left;opacity:.3;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #ffffff0d;padding:.3rem .5rem;font-weight:400}.aa-table td{opacity:.55;border-bottom:1px solid #ffffff08;padding:.3rem .5rem}.aa-table tr:first-child td{opacity:.8}.palette-section{-webkit-backdrop-filter:blur(20px);background:#08080c40;border:1px solid #ffffff0a;border-radius:16px;margin-top:1.5rem;margin-bottom:1.5rem;padding:1.25rem;animation:6s cubic-bezier(.4,0,.6,1) infinite paletteBreathe;box-shadow:0 0 80px #8a2be214,0 0 160px #00bfff0d,inset 0 1px #ffffff08}@keyframes paletteBreathe{0%,to{opacity:.85;filter:brightness(.95)}50%{opacity:1;filter:brightness(1.02)}}.palette-label{text-transform:uppercase;letter-spacing:.1em;opacity:.5;margin-bottom:.75rem;font-size:.65rem}.palette{grid-template-columns:repeat(8,1fr);gap:.5rem;margin-bottom:1rem;display:grid}.palette-btn{aspect-ratio:1;cursor:pointer;border:none;border-radius:8px;min-height:48px;transition:all .35s cubic-bezier(.4,0,.2,1);animation:6s cubic-bezier(.4,0,.6,1) infinite btnBreathe;position:relative;overflow:visible;background:0 0!important}.palette-btn:before{content:"";filter:blur(14px);opacity:.85;z-index:1;background:currentColor;border-radius:6px;animation:6s cubic-bezier(.4,0,.6,1) infinite glowPulse;position:absolute;inset:20%}.palette-btn:after{content:"";z-index:2;background:linear-gradient(170deg,#ffffff73 0%,#ffffff38 25%,#ffffff1a 50%,#ffffff0a 75%,#ffffff03 100%);border:1px solid #ffffff1f;border-color:#ffffff40 #ffffff1f #0000001a;border-radius:8px;transition:all .35s cubic-bezier(.4,0,.2,1);position:absolute;inset:0;box-shadow:inset 0 3px 6px #ffffff59,inset 0 -2px 4px #00000026,inset 3px 0 6px #ffffff1f,inset -3px 0 6px #ffffff1f,0 6px 12px #0006,0 2px 4px #0000004d}@keyframes glowPulse{0%,to{filter:blur(12px);opacity:.7;inset:22%}50%{filter:blur(18px);opacity:1;inset:15%}}@keyframes btnBreathe{0%,to{filter:brightness(.9)saturate();transform:translateY(0)}50%{filter:brightness(1.1)saturate(1.2);transform:translateY(-1px)}}.palette-btn:hover{filter:brightness(1.15)saturate(1.3);transform:translateY(-4px)scale(1.06)}.palette-btn:hover:before{filter:blur(20px);opacity:1;inset:10%}.palette-btn.active:before{filter:blur(20px);opacity:1;inset:12%}.palette-btn.active:after{border-color:#ffffff4d;box-shadow:inset 0 3px 8px #ffffff80,inset 0 -2px 4px #0000001a,0 8px 25px #00000080,0 4px 8px #0000004d,0 0 30px}.hsv-sliders{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:.75rem;display:grid}.hsv-sliders .sl label{opacity:.6;margin-bottom:.25rem;font-size:.65rem;display:block}.hsv-sliders .sl input{width:100%}.modulation-section{background:#0a142880;border:1px solid #64c8ff26;border-radius:8px;margin-top:2rem;padding:1.5rem}.modulation-title{text-transform:uppercase;letter-spacing:.15em;color:#64c8ff99;margin-bottom:1.5rem;font-size:.7rem}.modulation-grid{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.param-group{background:#0a1e3266;border:1px solid #64c8ff1a;border-radius:6px;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.param-group.motion{--category-tint:#00ffc814;background:var(--category-tint)}.param-group.material{--category-tint:#8a2be214;background:var(--category-tint)}.param-group.optical{--category-tint:#0064ff14;background:var(--category-tint)}.param-group.geometry{--category-tint:#ff8c0014;background:var(--category-tint)}.param-name{text-transform:uppercase;letter-spacing:.1em;color:#64c8ffb3;font-size:.75rem}.param-group.motion .param-name{color:#00ffc8b3}.param-group.material .param-name{color:#8a2be2b3}.param-group.optical .param-name{color:#0096ffb3}.param-group.geometry .param-name{color:#ff8c00b3}.mod-controls{align-items:center;gap:1rem;font-size:.65rem;display:flex}.mod-label{color:#64c8ff80;text-transform:uppercase;letter-spacing:.05em}.mod-select{color:#64c8ffcc;cursor:pointer;background:#0a1428cc;border:1px solid #64c8ff33;border-radius:4px;padding:.4rem .5rem;font-family:JetBrains Mono,monospace;font-size:.65rem;transition:all .2s}.mod-select:hover{border-color:#64c8ff66}.source-indicator{background:var(--color-none);border-radius:50%;width:6px;height:6px;transition:all .1s}.mod-slider-container{flex:1;align-items:center;gap:.5rem;display:flex}.mod-slider{appearance:none;cursor:pointer;background:#64c8ff33;border-radius:4px;outline:none;flex:1;height:8px}.mod-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--source-color,#6b7280);cursor:pointer;width:14px;height:14px;box-shadow:0 0 6px var(--source-color,#6b7280);border:2px solid #ffffff4d;border-radius:50%;transition:all .1s}.mod-value{text-align:right;color:#64c8ffb3;min-width:30px;font-family:JetBrains Mono,monospace;font-size:.65rem}.connection-panel{background:var(--surface);border:1px solid #00d4ff4d;border-radius:8px;margin:16px 0;padding:24px}.connection-panel h3{font-family:var(--font-display);letter-spacing:.15em;text-transform:uppercase;color:var(--active);margin-bottom:16px;font-size:13px;font-weight:700}.connection-info{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.connection-info-row{align-items:center;gap:12px;font-size:11px;display:flex}.connection-info-label{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);min-width:80px;font-size:10px}.connection-info-value{font-family:var(--font-mono);color:var(--accent);font-size:11px}.connection-actions{flex-wrap:wrap;gap:8px;display:flex}.maestra-status-panel{margin-bottom:16px}.msp-title{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);margin-bottom:10px;font-size:9px;font-weight:700}.msp-optimistic-badge{letter-spacing:.1em;text-transform:uppercase;color:var(--amber);background:#fbbf240f;border:1px solid #fbbf2433;border-radius:3px;margin-bottom:10px;padding:4px 8px;font-size:8px}.msp-grid{flex-direction:column;gap:6px;display:flex}.msp-row{border:1px solid var(--border);background:#0003;border-radius:3px;justify-content:space-between;align-items:center;padding:5px 10px;display:flex}.msp-label{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);font-size:9px;font-weight:700}.msp-value-group{align-items:center;gap:6px;display:flex}.msp-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;transition:background .3s,box-shadow .3s}.msp-dot.pulsing{animation:1.5s ease-in-out infinite mspPulse}@keyframes mspPulse{0%,to{opacity:1}50%{opacity:.3}}.msp-value{font-family:var(--font-mono);letter-spacing:.06em;text-transform:capitalize;font-size:10px;font-weight:500}.msp-error{color:var(--red);background:#f871710f;border:1px solid #f8717126;border-radius:3px;margin-top:8px;padding:4px 8px;font-size:9px}.td-connect-guide{flex-direction:column;gap:2px;margin:0 0 2px;display:flex}.td-celebration{background:#22c55e14;border:1px solid #22c55e4d;border-radius:6px;align-items:center;gap:10px;padding:12px 16px;animation:.4s ease-out celebration-in;display:flex}@keyframes celebration-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.td-celebration-dot{background:#22c55e;border-radius:50%;width:12px;height:12px;animation:1.5s ease-in-out infinite pulse-dot;box-shadow:0 0 12px #22c55e}.td-celebration-title{color:#fff;letter-spacing:.08em;font-size:12px;font-weight:700}.td-celebration-detail{color:#aab;margin-top:2px;font-size:10px}.td-celebration-detail strong{color:#fff}.td-section{background:var(--surface);border:1px solid var(--border);border-radius:6px;transition:border-color .2s;overflow:hidden}.td-section.expanded{border-color:#5cc8ff33}.td-section-header{cursor:pointer;align-items:center;gap:10px;padding:12px 14px;transition:background .15s;display:flex}.td-section-header:hover{background:#5cc8ff08}.td-section-num{width:22px;height:22px;font-family:var(--font-display);color:var(--accent);background:#00d4ff0f;border:1px solid #00d4ff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.td-section-title-group{flex:1;min-width:0}.td-section-title{color:#fff;letter-spacing:.04em;font-size:11px;font-weight:700;display:block}.td-section-subtitle{color:#88a;letter-spacing:.02em;margin-top:2px;font-size:9px;display:block}.td-section-status{letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:5px;font-size:9px;font-weight:700;display:flex}.td-section-status.live{color:#22c55e}.td-section-status.connected{color:#5cc8ff}.td-section-status-dot{border-radius:50%;width:7px;height:7px}.td-section-status.live .td-section-status-dot{background:#22c55e;box-shadow:0 0 8px #22c55e}.td-section-status.connected .td-section-status-dot{background:#5cc8ff;box-shadow:0 0 8px #5cc8ff}.td-section-chevron{color:#666;flex-shrink:0;font-size:11px}.td-section-body{padding:0 14px 14px}.td-connect-info{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.td-connect-row{border:1px solid var(--border);background:#0000004d;border-radius:3px;align-items:center;gap:8px;padding:5px 8px;display:flex}.td-connect-label{letter-spacing:.1em;text-transform:uppercase;color:#88a;flex-shrink:0;min-width:55px;font-size:8px;font-weight:700}.td-connect-value{font-family:var(--font-mono);color:#ccd;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:10px;overflow:hidden}.td-connect-entity{color:#5cc8ff}.td-copy-btn{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);cursor:pointer;background:#00d4ff0f;border:1px solid #00d4ff4d;border-radius:2px;flex-shrink:0;padding:3px 8px;font-size:8px;font-weight:700;transition:all .15s}.td-copy-btn:hover{background:#00d4ff24;border-color:#00d4ff80}.td-connect-actions{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.td-action-btn{font-family:var(--font-mono);border:1px solid var(--border);background:var(--surface2);color:#ccd;cursor:pointer;border-radius:4px;padding:6px 12px;font-size:10px;font-weight:600;text-decoration:none;transition:all .15s}.td-action-btn:hover{border-color:var(--accent);color:#fff}.td-action-primary{color:var(--accent)!important;background:#00d4ff14!important;border-color:#00d4ff4d!important}.td-action-primary:hover{background:#00d4ff26!important}.td-onboard-action-btn{cursor:pointer;text-align:left;background:#00d4ff0a;border:1px solid #00d4ff26;border-radius:6px;align-items:center;gap:12px;width:100%;padding:12px 14px;font-family:inherit;transition:all .2s;display:flex}.td-onboard-action-btn:hover{background:#00d4ff1f;border-color:#00d4ff80;transform:translateY(-1px);box-shadow:0 4px 16px #00d4ff1a}.td-onboard-action-btn.td-onboard-subtle{background:#ffffff05;border-color:#ffffff0f}.td-onboard-action-btn.td-onboard-subtle:hover{box-shadow:none;background:#ffffff0f;border-color:#ffffff26;transform:none}.td-onboard-action-btn.td-onboard-primary{background:#22c55e14;border-color:#22c55e4d}.td-onboard-action-btn.td-onboard-primary:hover{background:#22c55e2e;border-color:#22c55e99;box-shadow:0 4px 16px #22c55e1f}.td-onboard-action-btn.td-onboard-primary .td-onboard-action-icon{color:#22c55e}.td-onboard-action-icon{color:var(--accent);text-align:center;flex-shrink:0;width:24px;font-size:18px}.td-onboard-action-text{flex-direction:column;gap:2px;display:flex}.td-onboard-action-title{color:var(--text);letter-spacing:.02em;font-size:11px;font-weight:700}.td-onboard-action-desc{color:#888;font-size:9px;line-height:1.4}.td-onboard-divider{align-items:center;gap:10px;margin:2px 0;display:flex}.td-onboard-divider:before,.td-onboard-divider:after{content:"";background:#ffffff0f;flex:1;height:1px}.td-onboard-divider span{color:#555;letter-spacing:.08em;text-transform:uppercase;font-size:9px}.td-onboard-secondary-row{background:#ffffff05;border:1px solid #ffffff0d;border-radius:4px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.td-onboard-link-btn{font-family:var(--font-mono);color:var(--accent);cursor:pointer;background:0 0;border:1px solid #00d4ff40;border-radius:3px;padding:4px 10px;font-size:10px;font-weight:600;transition:all .15s}.td-onboard-link-btn:hover{background:#00d4ff1a;border-color:#00d4ff80}.td-waiting-container{flex-direction:column;align-items:center;padding:16px 0 8px;display:flex}.td-waiting-pulse-wrap{width:40px;height:40px;margin-bottom:12px;position:relative}.td-waiting-dot{background:var(--accent);border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute;top:50%;left:50%}.td-waiting-pulse{border:2px solid var(--accent);opacity:0;border-radius:50%;width:30px;height:30px;margin:-15px 0 0 -15px;animation:2s ease-out infinite td-pulse;position:absolute;top:50%;left:50%}@keyframes td-pulse{0%{opacity:.8;transform:scale(.5)}to{opacity:0;transform:scale(1.8)}}.td-waiting-text{font-family:var(--font-display);color:var(--accent);letter-spacing:.04em;margin-bottom:12px;font-size:11px;font-weight:600}.td-waiting-details{flex-direction:column;gap:4px;width:100%;display:flex}.td-waiting-detail-row{background:#0003;border-radius:3px;justify-content:space-between;align-items:center;padding:5px 10px;font-size:10px;display:flex}.td-waiting-detail-label{letter-spacing:.1em;text-transform:uppercase;color:#666;font-size:8px;font-weight:700}.td-steps{flex-direction:column;gap:0;margin-bottom:12px;display:flex}.td-step{color:#aab;border-bottom:1px solid #1e2d3d66;align-items:baseline;gap:8px;padding:5px 0;font-size:10px;display:flex}.td-step:last-child{border-bottom:none}.td-step strong{color:var(--accent)}.td-step-n{font-family:var(--font-display);color:var(--accent);background:#00d4ff0d;border:1px solid #00d4ff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:700;display:inline-flex}.td-expected{margin-top:8px}.td-expected-label{color:#88a;letter-spacing:.04em;margin-bottom:6px;font-size:9px}.td-expected-items{flex-wrap:wrap;gap:6px;display:flex}.td-expected-items span{color:#22c55e;background:#22c55e0f;border:1px solid #22c55e33;border-radius:3px;padding:3px 8px;font-size:9px}.td-signal-grid{grid-template-columns:1fr 1fr;gap:4px;margin-bottom:12px;display:grid}.td-signal-option{border:1px solid var(--border);cursor:pointer;background:var(--surface2);border-radius:4px;align-items:flex-start;gap:8px;padding:8px 10px;transition:all .15s;display:flex}.td-signal-option:hover{background:#5cc8ff0a;border-color:#5cc8ff4d}.td-signal-option.selected{background:#00d4ff0f;border-color:#00d4ff66}.td-signal-icon{color:var(--accent);text-align:center;flex-shrink:0;width:20px;margin-top:1px;font-size:13px}.td-signal-option.selected .td-signal-icon{color:#fff}.td-signal-name{color:#ccd;font-size:10px;font-weight:600}.td-signal-option.selected .td-signal-name{color:#fff}.td-signal-desc{color:#88a;margin-top:2px;font-size:8px;line-height:1.4}.td-signal-config{border:1px solid var(--border);background:#0003;border-radius:4px;padding:10px 12px}.td-config-field{margin-bottom:10px}.td-config-field:last-child{margin-bottom:0}.td-config-field label{letter-spacing:.06em;text-transform:uppercase;color:#88a;margin-bottom:4px;font-size:9px;font-weight:600;display:block}.td-config-field input{border:1px solid var(--border);color:#ccd;width:100%;font-family:var(--font-mono);background:#0000004d;border-radius:3px;outline:none;padding:5px 8px;font-size:10px}.td-config-field input:focus{border-color:var(--accent)}.td-config-pills{flex-wrap:wrap;gap:4px;display:flex}.td-pill{border:1px solid var(--border);background:var(--surface2);color:#aab;cursor:pointer;font-size:9px;font-family:var(--font-mono);border-radius:3px;padding:4px 10px;transition:all .15s}.td-pill:hover{border-color:var(--accent);color:#ccd}.td-pill.active{color:var(--accent);background:#00d4ff14;border-color:#00d4ff66}.td-code-block{font-family:var(--font-mono);color:#aab;border:1px solid var(--border);white-space:pre;background:#0000004d;border-radius:3px;margin:4px 0 0;padding:8px 10px;font-size:10px;line-height:1.5;overflow-x:auto}.td-role-grid{flex-direction:column;gap:4px;display:flex}.td-role-card{border:1px solid var(--border);cursor:pointer;background:var(--surface2);border-radius:4px;padding:10px 12px;transition:all .15s}.td-role-card:hover{border-color:#5cc8ff4d}.td-role-card.selected{border-color:var(--role-accent,var(--accent));background:#5cc8ff0a}.td-role-card-header{align-items:center;gap:8px;display:flex}.td-role-radio{border:1.5px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;display:flex}.td-role-radio-dot{background:0 0;border-radius:50%;width:7px;height:7px;transition:all .15s}.td-role-radio-dot.active{background:var(--role-accent,var(--accent));box-shadow:0 0 6px var(--role-accent,var(--accent))}.td-role-card.selected .td-role-radio{border-color:var(--role-accent,var(--accent))}.td-role-card-title{color:#ccd;font-size:11px;font-weight:600}.td-role-card.selected .td-role-card-title{color:#fff}.td-role-card-desc{color:#88a;margin-top:4px;padding-left:22px;font-size:9px;line-height:1.4}.td-role-examples{flex-direction:column;gap:2px;margin-top:6px;padding-left:22px;display:flex}.td-role-example{color:#666;padding:2px 0;font-size:8px}.td-role-card.selected .td-role-example{color:#88a}.td-node-status-hint{border:1px solid var(--border);border-radius:6px;align-items:center;gap:8px;margin-top:12px;padding:8px 12px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.td-node-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.td-config-section-label{letter-spacing:.06em;color:#ccd;border-bottom:1px solid var(--border);margin-bottom:10px;padding-bottom:6px;font-size:10px;font-weight:700}.td-preview-area{border:1px dashed var(--border);background:#00000040;border-radius:4px;margin-top:10px;padding:10px 12px}.td-preview-label{letter-spacing:.1em;text-transform:uppercase;color:#88a;margin-bottom:6px;font-size:8px;font-weight:700}.td-preview-content{align-items:center;min-height:24px;font-size:10px;display:flex}.td-field-mapping{flex-direction:column;gap:3px;display:flex}.td-field-map-row{align-items:center;gap:8px;padding:3px 0;font-size:10px;display:flex}.td-field-map-row code{font-family:var(--font-mono);color:#5cc8ff;background:#0000004d;border-radius:2px;padding:1px 6px;font-size:10px}.td-field-arrow{color:#666;font-size:11px}.td-field-map-row span:last-child{color:#aab}.td-role-node-type{letter-spacing:.1em;text-transform:uppercase;opacity:.7;margin-left:auto;font-size:8px;font-weight:700}.td-role-card.selected .td-role-node-type{opacity:1}.td-role-examples-label{letter-spacing:.06em;text-transform:uppercase;color:#666;margin-bottom:3px;font-size:8px;font-weight:600}.td-role-card.selected .td-role-examples-label{color:#88a}.td-progress{letter-spacing:.04em;align-items:center;gap:2px;margin-bottom:8px;padding:8px 12px;font-family:JetBrains Mono,monospace;font-size:9px;display:flex}.td-progress-step{align-items:center;gap:4px;display:flex}.td-progress-marker{font-size:10px}.td-progress-step.completed .td-progress-marker,.td-progress-step.completed .td-progress-label{color:#22c55e}.td-progress-step.current .td-progress-marker{color:#5cc8ff}.td-progress-step.current .td-progress-label{color:#e0e0e8;font-weight:700}.td-progress-step.upcoming .td-progress-marker{color:#444}.td-progress-step.upcoming .td-progress-label{color:#555}.td-progress-arrow{color:#333;margin:0 2px}.td-collapsed-summary{border:1px solid var(--border);border-radius:6px;align-items:center;gap:8px;margin-bottom:6px;padding:8px 12px;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}.td-collapsed-title{color:#aab;font-weight:600}.td-collapsed-detail{color:#888;margin-left:auto;font-size:9px}.td-live-panel{border:1px solid #22c55e33;border-radius:8px;margin-top:6px;overflow:hidden}.td-live-section{border-bottom:1px solid var(--border);padding:10px 14px}.td-live-section:last-child{border-bottom:none}.td-live-section-title{letter-spacing:.08em;text-transform:uppercase;color:#88a;margin-bottom:8px;font-size:9px;font-weight:700}.td-live-status-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.td-live-status-dot{border-radius:50%;width:10px;height:10px}.td-live-meta{flex-direction:column;gap:3px;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}.td-live-meta-label{color:#666}.td-live-signal-group{margin-bottom:8px}.td-live-signal-label{letter-spacing:.06em;margin-bottom:4px;font-size:9px;font-weight:600}.td-live-signal-tags{flex-wrap:wrap;gap:4px;display:flex}.td-live-signal-tag{border:1px solid;border-radius:3px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:9px}.td-live-inject-row{align-items:center;gap:6px;display:flex}.td-live-inject-input{background:var(--bg);border:1px solid var(--border);color:#e0e0e8;border-radius:4px;flex:1;padding:5px 8px;font-family:JetBrains Mono,monospace;font-size:10px}.td-live-inject-btn{color:#5cc8ff;cursor:pointer;background:#5cc8ff1a;border:1px solid #5cc8ff4d;border-radius:4px;padding:5px 12px;font-family:JetBrains Mono,monospace;font-size:10px;transition:all .15s}.td-live-inject-btn:hover{background:#5cc8ff33}.td-live-activity{max-height:140px;overflow-y:auto}.td-live-activity-row{border-bottom:1px solid #ffffff08;gap:8px;padding:2px 0;font-family:JetBrains Mono,monospace;font-size:9px;display:flex}.td-live-activity-time{color:#555;min-width:60px}.td-live-activity-msg{color:#aab}.td-connect-options{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;display:grid}.td-connect-option-card{cursor:pointer;text-align:center;background:#ffffff05;border:1px solid #ffffff14;border-radius:6px;padding:14px 12px;transition:all .15s}.td-connect-option-card:hover{background:#00d4ff0f;border-color:#00d4ff4d}.td-connect-option-card.dragging{background:#22c55e14;border-color:#22c55e66;box-shadow:0 0 20px #22c55e1a}.td-option-icon{color:var(--accent);opacity:.7;margin-bottom:6px;font-size:20px}.td-option-title{color:#ccc;letter-spacing:.03em;margin-bottom:4px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700}.td-option-desc{color:#777;font-family:JetBrains Mono,monospace;font-size:9px;line-height:1.4}.td-upload-result{margin-bottom:4px}.td-upload-file{background:#22c55e0f;border:1px solid #22c55e33;border-radius:5px;align-items:center;gap:10px;padding:10px;display:flex}.td-upload-file-icon{color:#22c55e;font-size:18px}.td-upload-file-name{color:#ddd;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600}.td-upload-file-meta{color:#888;margin-top:2px;font-family:JetBrains Mono,monospace;font-size:9px}.td-path-input{margin-bottom:4px}.td-reconnect-panel{background:#fbbf240a;border:1px solid #fbbf2426;border-radius:6px;padding:14px}.td-reconnect-header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.td-reconnect-icon{border-radius:50%;flex-shrink:0;width:10px;height:10px}.td-reconnect-details{background:#0003;border-radius:4px;flex-direction:column;gap:6px;margin-bottom:14px;padding:10px;display:flex}.td-reconnect-row{justify-content:space-between;align-items:center;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}.td-reconnect-label{color:#666}.td-reconnect-actions{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.td-reconnect-troubleshoot{background:#00000026;border:1px solid #ffffff0a;border-radius:4px;padding:10px}.td-reconnect-tip{color:#777;border-bottom:1px solid #ffffff08;padding:3px 0;font-family:JetBrains Mono,monospace;font-size:9px}.td-reconnect-tip:last-child{border-bottom:none}.td-reconnect-tip code{background:#0000004d;border-radius:2px;padding:1px 4px;font-size:9px}.slot-tag.status-live{color:var(--active);background:#00ff8826;border:1px solid #00ff8859}.slot-tag.status-ok{color:var(--accent);background:#00d4ff1a;border:1px solid #00d4ff40}.slot-tag.status-connecting{color:var(--accent);background:#00d4ff14;border:1px solid #00d4ff33}.slot-tag.status-warn{color:var(--amber);background:#fbbf241a;border:1px solid #fbbf2440}.slot-tag.status-off{color:var(--red);background:#f8717114;border:1px solid #f8717133}.connection-status-bar{border:1px solid var(--border);background:#0000004d;border-radius:4px;align-items:center;gap:8px;margin-bottom:12px;padding:6px 10px;display:flex}.connection-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s ease-in-out infinite dotPulse}@keyframes dotPulse{0%,to{opacity:1}50%{opacity:.5}}.connection-status-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);font-size:10px}.connection-advanced-toggle{border-top:1px solid var(--border);cursor:pointer;margin-top:12px;padding-top:10px}.connection-advanced-toggle:hover span{color:var(--accent)!important}.connection-advanced{border:1px solid var(--border);background:#0003;border-radius:4px;margin-top:12px;padding:12px}.connection-advanced-field{margin-bottom:8px}.connection-advanced-field label{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-bottom:4px;font-size:9px;display:block}.connection-advanced-field input{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-mono);border-radius:2px;outline:none;padding:6px 10px;font-size:11px;transition:border-color .15s}.connection-advanced-field input:focus{border-color:var(--accent)}.btn{border:1px solid var(--border);background:var(--surface2);color:var(--text);font-family:var(--font-mono);letter-spacing:.08em;cursor:pointer;border-radius:2px;padding:7px 16px;font-size:11px;transition:all .15s}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn.primary{color:var(--accent);background:#00d4ff0f;border-color:#00d4ff66}.btn.primary:hover{background:#00d4ff1f}.btn-sm{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border-radius:2px;padding:5px 10px;font-size:8px;font-weight:700;transition:all .15s}.btn-add{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--border);background:var(--surface2);color:var(--text-dim);cursor:pointer;border-radius:2px;padding:3px 9px;font-size:8px;font-weight:700;transition:all .15s}.btn-add:hover{color:var(--accent);border-color:#00d4ff66}.ws-log{border-top:1px solid var(--border);flex-shrink:0;padding:10px 16px}.ws-log-title{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px;font-size:9px}.log-line{gap:8px;margin-bottom:1px;font-size:9px;line-height:1.6;display:flex}.log-time{color:var(--text-dim);flex-shrink:0}.log-msg{color:var(--text)}.log-msg.info{color:var(--accent)}.log-msg.warn{color:var(--amber)}.log-msg.error{color:var(--red)}.log-msg.ok{color:var(--green)}.use-cases{border-top:1px solid var(--border);background:var(--surface);padding:56px 28px 40px}.section-title{font-family:var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);margin-bottom:20px;font-size:11px}.scenarios{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.scenario{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:20px;transition:border-color .2s}.scenario:hover{border-color:var(--accent)}.scenario-title{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-bright);margin-bottom:8px;font-size:11px;font-weight:700}.scenario-desc{color:var(--text-dim);font-size:11px;line-height:1.65}.code-block{border-top:1px solid var(--border);color:var(--text-dim);background:#050709;padding:24px 28px;font-size:12px;line-height:1.8;overflow-x:auto}.code-block .kw{color:var(--accent)}.code-block .str{color:var(--active)}.code-block .num{color:var(--amber)}.code-block .cmt{color:#2a3a4a}.code-block .fn{color:var(--text-bright)}.arch-section{background:var(--bg);border-bottom:1px solid var(--border);padding:36px 28px}.arch-title{font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-size:13px;font-weight:700}.arch-subtitle{color:var(--text-dim);margin-bottom:24px;font-size:12px;line-height:1.7}.arch-diagram{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:28px;font-size:11px;line-height:1.5;overflow-x:auto}.arch-diagram pre{font-family:var(--font-mono);color:var(--text-dim);white-space:pre;margin:0}.arch-diagram .node-maestra{color:var(--accent);font-weight:700}.arch-diagram .node-scope{color:var(--pink);font-weight:700}.arch-diagram .node-td{color:var(--active);font-weight:700}.arch-diagram .node-stream{color:var(--active)}.arch-diagram .node-proto{color:var(--amber)}.arch-diagram .dim{color:#1e2d3d}.arch-cards{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px;display:grid}.arch-card{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:18px}.arch-card-num{font-family:var(--font-display);letter-spacing:.1em;color:var(--accent);margin-bottom:6px;font-size:11px;font-weight:700}.arch-card-title{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--text-bright);margin-bottom:8px;font-size:11px;font-weight:700}.arch-card-desc{color:var(--text-dim);font-size:11px;line-height:1.6}.arch-card-desc code{color:var(--accent);background:#00d4ff14;border-radius:3px;padding:1px 5px;font-size:10px}.tox-section{background:var(--bg);border-bottom:1px solid var(--border);padding:28px}.tox-title{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:16px;font-size:12px;font-weight:700}.tox-params{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.tox-params-2col{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.tox-param{background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:16px}.tox-param-title{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--text-bright);margin-bottom:8px;font-size:10px;font-weight:700}.tox-param-list{color:var(--text-dim);font-size:10px;line-height:1.85}.gpu-node-card{background:var(--surface);border:1px solid var(--border);border-radius:4px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.gpu-node-card.active-node{border-color:var(--active);box-shadow:0 0 0 1px var(--active),0 0 20px #00ff881f}.gpu-node-card.previewing{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.gpu-node-video{aspect-ratio:16/9;background:#000;width:100%;position:relative;overflow:hidden}.gpu-node-video img{object-fit:cover;width:100%;height:100%;display:block}.gpu-node-placeholder{flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.gpu-node-placeholder p{letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);opacity:.4;font-size:9px}.gpu-node-stats{align-items:center;gap:6px;display:flex;position:absolute;bottom:4px;right:6px}.gpu-node-fps{font-family:var(--font-display);color:var(--active);background:#0009;border-radius:2px;padding:2px 5px;font-size:9px}.gpu-node-lat{font-family:var(--font-display);color:var(--amber);background:#0009;border-radius:2px;padding:2px 5px;font-size:9px}.gpu-node-footer{border-top:1px solid var(--border);padding:8px 10px}.gpu-node-url-row{align-items:center;gap:6px;margin-bottom:7px;display:flex}.gpu-node-url{background:var(--surface2);border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);border-radius:2px;outline:none;flex:1;padding:4px 8px;font-size:9px}.gpu-node-url:focus{border-color:#00d4ff66}.gpu-node-url::placeholder{color:var(--text-dim);opacity:.4}.gpu-node-btn-row{gap:5px;display:flex}.gpu-btn{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border-radius:2px;padding:5px 10px;font-size:8px;font-weight:700;transition:all .15s}.gpu-btn-preview{color:var(--accent);background:#00d4ff0f;border:1px solid #00d4ff4d}.gpu-btn-preview:hover{background:#00d4ff24}.gpu-btn-activate{color:var(--active);background:#00ff880f;border:1px solid #00ff884d}.gpu-btn-activate:hover{background:#00ff8824}.gpu-btn-activate.is-active{border-color:var(--active);color:#000;background:#00ff882e;font-weight:900}.gpu-btn-stop{color:var(--red);background:0 0;border:1px solid #f8717133;margin-left:auto}.gpu-btn-stop:hover{background:#f871711a}.gpu-node-label{font-family:var(--font-display);letter-spacing:.06em;color:var(--text);font-size:10px;font-weight:700}footer{border-top:1px solid var(--border);background:var(--surface);letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);justify-content:space-between;align-items:center;padding:16px 28px;font-size:10px;display:flex}footer a{color:var(--accent);text-decoration:none}footer a:hover{text-decoration:underline}.send-target-bar{background:var(--surface);border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;margin-bottom:8px;padding:8px 10px;display:flex}.send-target-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;font-size:10px;font-weight:600}.send-target-options{flex-wrap:wrap;gap:4px;display:flex}.send-target-btn{font-family:var(--font-mono);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:5px;padding:3px 10px;font-size:10px;font-weight:500;transition:all .15s}.send-target-btn:hover{border-color:var(--accent);color:var(--text)}.send-target-btn.active{border-color:var(--accent);color:var(--accent);background:#00d4ff1f;box-shadow:0 0 8px #00d4ff1a}.send-target-indicator{color:var(--accent);text-overflow:ellipsis;white-space:nowrap;max-width:120px;margin-left:auto;font-size:9px;overflow:hidden}.webcam-capture{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:8px;padding:10px 12px}.webcam-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.webcam-title-row{align-items:center;gap:8px;display:flex}.webcam-title{color:var(--text);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.webcam-fps-badge{color:var(--green);background:#34d3991a;border:1px solid #34d39940;border-radius:4px;padding:1px 6px;font-size:9px;font-weight:500}.webcam-res-badge{color:var(--text-dim);background:#4a65801a;border:1px solid #4a658033;border-radius:4px;padding:1px 6px;font-size:9px;font-weight:400}.webcam-controls{align-items:center;gap:10px;display:flex}.webcam-relay-toggle{transform:scale(.85)}.webcam-btn{font-size:10px;font-weight:600;font-family:var(--font-mono);border:1px solid var(--border);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;border-radius:6px;align-items:center;gap:5px;padding:5px 12px;transition:all .2s;display:flex}.webcam-btn-start{color:var(--accent);background:#00d4ff14;border-color:#00d4ff4d}.webcam-btn-start:hover{border-color:var(--accent);background:#00d4ff26;box-shadow:0 0 12px #00d4ff26}.webcam-btn-stop{color:var(--red);background:#f871711a;border-color:#f871714d}.webcam-btn-stop:hover{border-color:var(--red);background:#f871712e}.webcam-device-select{margin-top:8px}.webcam-device-select select{background:var(--surface2);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-mono);border-radius:5px;outline:none;padding:4px 8px;font-size:10px}.webcam-device-select select:focus{border-color:var(--accent)}.webcam-error{color:var(--red);background:#f8717114;border:1px solid #f8717133;border-radius:5px;margin-top:8px;padding:6px 10px;font-size:10px}.webcam-preview{aspect-ratio:16/9;background:#000;border-radius:6px;margin-top:8px;position:relative;overflow:hidden}.webcam-preview video{object-fit:cover;width:100%;height:100%;display:block}.webcam-frame-count{color:var(--text-dim);opacity:.6;font-size:8px}.webcam-status-badge{border-radius:4px;padding:1px 6px;font-size:9px}.webcam-status-badge.requesting{color:var(--amber);background:#fbbf241a;border:1px solid #fbbf2440;animation:1.5s ease-in-out infinite pulse}.webcam-badge{color:#c4a0ff!important;background:#7b2fff40!important;border:1px solid #7b2fff80!important}.webcam-badge svg{stroke:#c4a0ff}.fleet-status-bar{gap:10px;padding:0 0 12px;display:flex}.fleet-status-badge{border:1px solid var(--border);background:var(--surface2);border-radius:6px;flex:1;justify-content:center;align-items:center;gap:8px;padding:8px 16px;display:flex}.fleet-status-badge.status-green{background:#22c55e0f;border-color:#22c55e4d}.fleet-status-badge.status-amber{background:#fbbf240f;border-color:#fbbf244d}.fleet-status-badge.status-red{background:#f871710f;border-color:#f871714d}.fleet-status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.status-green .fleet-status-dot{background:#22c55e;box-shadow:0 0 10px #22c55e}.status-amber .fleet-status-dot{background:#fbbf24;animation:1.5s ease-in-out infinite pulse-dot;box-shadow:0 0 10px #fbbf24}.status-red .fleet-status-dot{background:#ef4444;box-shadow:0 0 10px #ef4444}.fleet-status-text{letter-spacing:.12em;text-transform:uppercase;font-size:13px;font-weight:700;font-family:var(--font-mono)}.status-green .fleet-status-text{color:#22c55e}.status-amber .fleet-status-text{color:#fbbf24}.status-red .fleet-status-text{color:#ef4444}.node-picker{border-top:1px solid var(--border);margin-top:8px;padding:8px 0}.node-picker-label{letter-spacing:.12em;text-transform:uppercase;color:#88a;margin-bottom:6px;font-size:9px}.node-picker-list{flex-wrap:wrap;gap:4px;display:flex}.node-picker-btn{border:1px solid var(--border);background:var(--surface);color:#ccd;font-size:10px;font-family:var(--font-mono);cursor:pointer;border-radius:4px;align-items:center;gap:6px;padding:4px 10px;transition:all .15s;display:flex}.node-picker-btn:hover{border-color:var(--accent);background:#00d4ff0f}.node-picker-btn.current{color:#fff;background:#22c55e14;border-color:#22c55e}.node-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.node-id{white-space:nowrap;text-overflow:ellipsis;max-width:150px;overflow:hidden}.disconnect-btn{color:#ef4444!important;background:#ef44440f!important;border-color:#ef4444!important}.disconnect-btn:hover{background:#ef444426!important}.connection-info-label{color:#88a}.connection-info-value{color:#ccd}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.lighting-panel{background:var(--surface);border:1px solid var(--border);border-left:2px solid #f59e0b;border-radius:8px;margin-top:10px;padding:12px 14px}.lp-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.lp-title{font-family:var(--font-display);letter-spacing:.15em;text-transform:uppercase;color:#f59e0b;font-size:10px;font-weight:600}.lp-header-right{align-items:center;gap:8px;display:flex}.lp-status{font-family:var(--font-mono);color:var(--text-dim);border:1px solid var(--border);background:#ffffff08;border-radius:3px;padding:2px 8px;font-size:9px}.lp-status-active{color:#f59e0b;background:#f59e0b14;border-color:#f59e0b4d}.lp-state{margin-bottom:10px}.lp-state-grid{font-size:10px;font-family:var(--font-mono);grid-template-columns:70px 1fr;gap:3px 8px;display:grid}.lp-state-key{color:var(--text-dim)}.lp-state-val{color:var(--text)}.lp-val-active{color:#f59e0b;font-weight:600}.lp-cue-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.lp-progress-bar{background:#ffffff0f;border-radius:2px;width:100%;height:4px;overflow:hidden}.lp-progress-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24);border-radius:2px;height:100%;transition:width .3s}.lp-section{margin-top:10px}.lp-section-head{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:9px;display:flex}.lp-toggle-btn{font-family:var(--font-mono);letter-spacing:.05em;border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:4px;padding:3px 10px;font-size:9px;font-weight:600;transition:all .2s}.lp-toggle-on{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b66}.lp-threshold-row{align-items:center;gap:8px;margin-top:4px;display:flex}.lp-threshold-label{font-family:var(--font-mono);color:var(--text-dim);flex-shrink:0;font-size:9px}.lp-threshold-slider{accent-color:#f59e0b;cursor:pointer;flex:1;height:4px}.lp-threshold-val{font-family:var(--font-mono);color:#f59e0b;text-align:right;min-width:30px;font-size:9px}.lp-show-all{font-family:var(--font-mono);color:var(--accent);cursor:pointer;opacity:.7;background:0 0;border:none;font-size:8px;text-decoration:underline;transition:opacity .2s}.lp-show-all:hover{opacity:1}.lp-cue-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:4px;display:grid}.lp-cue-btn{font-family:var(--font-mono);cursor:pointer;border:1px solid var(--border);color:var(--text);background:#ffffff08;border-radius:4px;align-items:center;gap:5px;padding:6px 10px;font-size:9px;font-weight:500;transition:all .15s;display:flex}.lp-cue-btn:hover{color:var(--text-bright);background:#f59e0b14;border-color:#f59e0b4d}.lp-cue-active{box-shadow:0 0 8px #f59e0b26;color:#f59e0b!important;background:#f59e0b1f!important;border-color:#f59e0b80!important}.lp-control-row{gap:6px;display:flex}.lp-control-btn{font-family:var(--font-mono);cursor:pointer;border:1px solid var(--border);color:var(--text);background:#ffffff0a;border-radius:5px;flex:1;padding:7px 12px;font-size:10px;font-weight:600;transition:all .2s}.lp-control-btn:hover{background:#ffffff14;border-color:#ffffff26}.lp-control-active{color:#f59e0b;background:#f59e0b1f;border-color:#f59e0b66}.lp-control-fade{color:var(--text-dim)}.lp-control-fade:hover{color:var(--text)}.lp-history{flex-direction:column;gap:2px;display:flex}.lp-history-row{font-family:var(--font-mono);color:var(--text-dim);align-items:center;gap:6px;padding:2px 0;font-size:9px;animation:.3s busFadeIn;display:flex}.lp-history-cue{color:var(--text);flex:1}.lp-history-ago{color:var(--text-dim);opacity:.6;font-size:8px}[data-signal=dmx] .slot-footer{border-top-color:#f59e0b}@media (max-width:900px){.fleet-layout{grid-template-columns:1fr;height:auto}.scenarios,.arch-cards{grid-template-columns:1fr}.tox-params{grid-template-columns:repeat(2,1fr)}.tox-params-2col{grid-template-columns:1fr}header{flex-direction:column;align-items:flex-start;gap:10px}}