:root{--bg: #06080e;--surface: #0c111b;--surface2: #131b29;--surface3: #1a2433;--border: #202c40;--border-strong: #2c3a52;--text: #e9eef7;--text-dim: #8492ab;--text-faint: #56627d;--accent: #ffc400;--accent-hover: #ffd23b;--accent-dim: rgba(255, 196, 0, .14);--accent-glow: rgba(255, 196, 0, .28);--on-accent: #0a0c12;--live: #ff3b46;--green: #22c55e;--green-dim: rgba(34, 197, 94, .16);--amber: #f59e0b;--red: #ff4d57;--red-dim: rgba(255, 77, 87, .16);--blue: #3b9eff;--purple: #a78bfa;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--topbar-h: 56px;--leftnav-w: 224px;--rightrail-w: 320px;--footer-h: 132px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-ui);color:var(--text);background:radial-gradient(1200px 600px at 12% -10%,#0d1626 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#10101e 0%,transparent 50%),var(--bg);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}::selection{background:var(--accent-glow);color:#fff}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--surface3);border-radius:999px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--border-strong);background-clip:content-box}*::-webkit-scrollbar-track{background:transparent}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}h1,h2,h3,h4{margin:0}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--border-strong);background:var(--surface2);color:var(--text);border-radius:var(--radius-md);padding:8px 14px;font-size:13px;font-weight:600;line-height:1;transition:background .12s,border-color .12s,color .12s,transform .05s;white-space:nowrap}.btn:hover{background:var(--surface3);border-color:var(--border-strong)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-block{width:100%}.btn-sm{padding:6px 10px;font-size:12px}.btn-primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-success{background:var(--green);color:#04120a;border-color:var(--green)}.btn-success:hover{filter:brightness(1.08)}.btn-danger{background:var(--red);color:#fff;border-color:var(--red)}.btn-danger:hover{filter:brightness(1.08)}.btn-ghost{background:transparent;border-color:var(--border);color:var(--text-dim)}.btn-ghost:hover{color:var(--text);background:var(--surface2)}.input,.select,.textarea{width:100%;background:var(--surface2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-md);padding:9px 11px;font-size:13px;outline:none;transition:border-color .12s,box-shadow .12s}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.input::placeholder,.textarea::placeholder{color:var(--text-faint)}.textarea{resize:vertical;min-height:64px}input[type=color]{width:38px;height:36px;padding:2px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface2);cursor:pointer}.field{margin-bottom:12px}.field-label{display:block;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);margin-bottom:6px}.field-row{display:flex;gap:8px;align-items:center}.panel-title{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text)}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:var(--radius-pill);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--border-strong);color:var(--text-dim);background:var(--surface2)}.dot{width:8px;height:8px;border-radius:50%;background:var(--text-faint);flex:none}.dot.green{background:var(--green);box-shadow:0 0 8px var(--green)}.dot.amber{background:var(--amber);box-shadow:0 0 8px var(--amber)}.dot.red{background:var(--red);box-shadow:0 0 8px var(--red)}.dot.live{background:var(--live);box-shadow:0 0 8px var(--live);animation:pulse 1.4s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.tag-live{background:var(--green);color:#04120a}.tag-onair{background:var(--live);color:#fff}.tag-ready{color:var(--green);border-color:var(--green)}.op-shell{display:grid;grid-template-rows:98px 1fr;grid-template-columns:1fr 0;grid-template-areas:"top top" "main rail";height:100vh;width:100%;overflow:hidden;transition:grid-template-columns .18s ease}.op-shell.rail-open{grid-template-columns:1fr var(--rightrail-w)}.rail-tab{position:fixed;top:50%;right:0;transform:translateY(-50%);z-index:40;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;border-radius:var(--radius-md) 0 0 var(--radius-md);background:var(--surface2);border:1px solid var(--border-strong);border-right:none;color:var(--text-dim);font-size:9px;font-weight:800;letter-spacing:.1em;writing-mode:vertical-rl}.rail-tab:hover{color:var(--accent);border-color:var(--accent)}.op-shell.rail-open .rail-tab{right:var(--rightrail-w)}.rail-close{background:none;border:none;color:var(--text-dim)}.rail-close:hover{color:var(--text)}.op-top{grid-area:top;display:flex;flex-direction:column;align-items:stretch}.op-nav-row{display:flex;align-self:stretch;width:100%;align-items:center;gap:14px;height:52px;padding:0 16px;background:linear-gradient(180deg,var(--surface) 0%,var(--bg) 100%);border-bottom:1px solid var(--border)}.op-tools-row{display:flex;align-self:stretch;width:100%;align-items:center;gap:14px;height:46px;padding:0 16px;background:var(--surface);border-bottom:1px solid var(--border)}.op-top .brand{display:flex;align-items:center;gap:12px;flex:none;padding-right:6px}.top-field{display:flex;flex-direction:row;align-items:center;gap:7px}.top-field .lbl{font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.top-select{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-md);padding:6px 10px;font-size:13px;font-weight:600;outline:none}.top-spacer{flex:1}.op-top>*,.op-top .top-util>*{align-self:center}.op-top .top-select,.op-top .top-routing,.op-top .top-live-big,.op-top .health-chip,.op-top .top-textbtn,.op-top .top-link{height:36px;display:inline-flex;align-items:center}.op-top .icon-btn,.op-top .avatar{height:36px;width:36px}.op-top .top-link{padding:0 8px}.live-state{display:flex;align-items:center;gap:10px}.live-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:var(--radius-md);font-weight:800;font-size:12px;letter-spacing:.06em;background:var(--green-dim);color:var(--green);border:1px solid var(--green)}.live-badge.off{background:var(--surface2);color:var(--text-dim);border-color:var(--border-strong)}.show-clock{font-size:19px;font-weight:800;letter-spacing:.02em}.top-alert{width:44px;height:36px;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--red-dim);border:1px solid var(--red);color:var(--red)}.top-live-big{display:inline-flex;align-items:center;gap:9px;padding:7px 22px;border-radius:var(--radius-md);font-weight:900;font-size:16px;letter-spacing:.14em;font-family:inherit;cursor:pointer;background:#22c55e1f;color:var(--green);border:1px solid var(--green);box-shadow:0 0 16px #22c55e40,inset 0 0 12px #22c55e1f}.top-live-big:hover{filter:brightness(1.1)}.top-live-big.bypass{background:#f59e0b24;color:var(--amber);border-color:var(--amber);box-shadow:0 0 16px #f59e0b4d,inset 0 0 12px #f59e0b1f}.top-live-big.bypass .dot{background:var(--amber);box-shadow:0 0 8px var(--amber)}.top-link{font-weight:800;font-size:13px;letter-spacing:.08em;color:var(--text);background:none;border:none;padding:8px 6px}.top-link:hover{color:var(--accent)}.health-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface2);font-size:11px;font-weight:700;letter-spacing:.04em}.health-chip .ok{color:var(--green)}.top-util{display:flex;align-items:center;gap:8px}.top-textbtn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--text-dim);font-size:12px;font-weight:700;letter-spacing:.04em}.top-textbtn:hover{color:var(--text)}.icon-btn{width:34px;height:34px;display:grid;place-items:center;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-dim);position:relative}.icon-btn:hover{color:var(--text);background:var(--surface3)}.icon-btn .badge{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-size:10px;font-weight:800;display:grid;place-items:center}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--on-accent);font-weight:800;font-size:13px}.op-nav{grid-area:nav;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto}.nav-section{padding:12px 10px}.nav-section+.nav-section{border-top:1px solid var(--border)}.nav-heading{display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);padding:4px 8px 8px}.nav-heading .chev{color:var(--accent)}.nav-item{position:relative;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-md);color:var(--text-dim);font-size:13px;font-weight:600;cursor:pointer;border:1px solid transparent}.nav-item:hover{color:var(--text);background:var(--surface2)}.nav-item.active{color:var(--accent);background:var(--accent-dim);border-color:#ffc40059}.nav-item.active:before{content:"";position:absolute;left:0;width:3px;height:20px;border-radius:2px;background:var(--accent)}.nav-item .ico{width:16px;display:inline-flex;color:inherit}.nav-emergency{margin-top:auto;padding:12px 10px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.emg-btn{width:100%;padding:11px;border-radius:var(--radius-md);font-weight:800;font-size:11px;letter-spacing:.05em;text-transform:uppercase;border:1px solid}.emg-clear{background:var(--red-dim);color:var(--red);border-color:var(--red)}.emg-clear.arm{background:var(--red);color:#fff}.emg-bypass{background:var(--surface2);color:var(--amber);border-color:var(--amber)}.emg-bypass.on{background:var(--amber);color:#1a1203}.op-main{grid-area:main;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:14px}.monitor-wall{display:grid;grid-template-columns:1fr 150px 1fr;gap:14px;align-items:stretch}.monitor{background:#000;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column}.monitor.preview{border-color:var(--green);box-shadow:0 0 0 1px var(--green-dim)}.monitor.program{border-color:var(--live);box-shadow:0 0 0 1px var(--red-dim)}.monitor-head{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--surface);border-bottom:1px solid var(--border)}.monitor-head .ttl{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.monitor-screen{position:relative;aspect-ratio:16 / 9;display:grid;place-items:center;overflow:hidden;background:linear-gradient(180deg,#2a3340,#20303f 18%,#14401f 30%,#0f3a1c)}.monitor-screen .stands{position:absolute;top:0;left:0;right:0;height:30%;background:repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 3px,transparent 3px 7px),linear-gradient(180deg,#2c3744,#1b2630)}.monitor-screen .lights{position:absolute;top:4px;left:0;right:0;height:14px;background:radial-gradient(circle at 18% 50%,rgba(255,255,255,.5),transparent 14px),radial-gradient(circle at 50% 50%,rgba(255,255,255,.5),transparent 14px),radial-gradient(circle at 82% 50%,rgba(255,255,255,.5),transparent 14px)}.monitor-screen .pitch{position:absolute;bottom:0;left:0;right:0;height:70%;background:repeating-linear-gradient(90deg,#ffffff08 0,#ffffff08 34px,#0000000a 34px,#0000000a 68px)}.monitor-screen .grxbug{position:relative;z-index:2;transform:scale(.66)}.renderer-screen{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#000}.renderer-screen iframe{position:absolute;top:0;left:0;border:0}.renderer-screen .rs-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--text-faint);font-size:12px;pointer-events:none}.rs-loading{position:absolute;top:8px;left:8px;z-index:3;display:inline-flex;align-items:center;gap:7px;padding:4px 10px;border-radius:var(--radius-pill);background:#0009;border:1px solid var(--border-strong);font-size:11px;font-weight:700}.spinner{width:12px;height:12px;border-radius:50%;border:2px solid var(--text-faint);border-top-color:var(--accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.monitor-dots{display:flex;gap:5px;justify-content:center;padding:6px;background:var(--surface)}.monitor-dots i{width:6px;height:6px;border-radius:50%;background:var(--border-strong)}.monitor-dots i.on{background:var(--accent)}.safe-guide{position:absolute;pointer-events:none;z-index:4}.safe-guide.action{top:5%;right:5%;bottom:5%;left:5%;border:1px dashed rgba(255,196,0,.55)}.safe-guide.title{top:10%;right:10%;bottom:10%;left:10%;border:1px dashed rgba(56,189,248,.55)}.mon-head-tools{display:flex;align-items:center;gap:6px}.safe-toggle{width:26px;height:24px;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--surface2);border:1px solid var(--border);color:var(--text-dim);font-size:9px;font-weight:800}.safe-toggle.on{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.safe-toggle.title.on{color:var(--blue);border-color:var(--blue);background:#38bdf81f}.directlive-badge{display:inline-flex;align-items:center;gap:7px;padding:4px 10px;border-radius:var(--radius-pill);font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;background:#38bdf81f;color:var(--blue);border:1px solid var(--blue)}.directlive-badge .dot{background:var(--blue);box-shadow:0 0 8px var(--blue)}.mon-region-wrap{display:flex;flex-direction:column}.mon-region{width:100%;overflow:hidden}.mon-region-inner{width:100%}.v-resizer{height:16px;display:flex;align-items:center;justify-content:center;cursor:ns-resize;flex:none}.v-resizer span{width:54px;height:4px;border-radius:999px;background:var(--border-strong);transition:background .12s,width .12s}.v-resizer:hover span{background:var(--accent);width:72px}.wall-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.directlive-badge,.mode-toggle{flex:none}.mode-toggle{display:inline-flex;gap:2px}.mode-toggle button{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--surface2);border:1px solid var(--border);color:var(--text-dim);font-size:11px;font-weight:800;letter-spacing:.04em}.mode-toggle button:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.mode-toggle button:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.mode-toggle button.on{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.monitor-wall.single{grid-template-columns:1fr}.monitor-wall.single .monitor.preview{display:none}.monitor-wall.single .monitor.program{max-width:1000px;margin:0 auto;width:100%}.transition-stack.compact{gap:6px}.transition-stack.compact .take-btn{padding:12px 8px;font-size:15px}.transition-stack.compact .trx-btn{padding:7px 6px;font-size:11px}.transition-stack{display:flex;flex-direction:column;gap:10px;justify-content:center}.take-btn{padding:20px 8px;border-radius:var(--radius-lg);font-weight:900;font-size:19px;letter-spacing:.06em;background:var(--green);color:#04120a;border:1px solid var(--green);box-shadow:0 0 18px #22c55e40}.take-btn:hover{filter:brightness(1.08)}.trx-btn{padding:12px 8px;border-radius:var(--radius-md);font-weight:800;font-size:13px;letter-spacing:.05em;background:var(--surface2);color:var(--text);border:1px solid var(--border-strong);text-align:center}.trx-btn .sub{display:block;font-size:9px;color:var(--text-dim);font-weight:700}.trx-btn:hover{background:var(--surface3)}.trx-fader{height:6px;border-radius:999px;background:var(--surface3);position:relative;margin:6px 6px 0}.trx-fader:after{content:"";position:absolute;left:50%;top:-5px;width:30px;height:16px;border-radius:4px;background:var(--surface);border:1px solid var(--border-strong);transform:translate(-50%)}.bug{display:flex;align-items:stretch;height:60px;font-weight:800;box-shadow:0 4px 18px #0000008c;border-radius:6px;overflow:hidden}.bug .crest{width:52px;display:grid;place-items:center;font-size:20px}.bug .teamA.crest{background:#14375f}.bug .teamB.crest{background:#4f1216}.bug .abbr{display:grid;place-items:center;padding:0 14px;font-size:22px;color:#fff}.bug .teamA.abbr{background:#1b6fc4}.bug .teamB.abbr{background:#b3252c}.bug .score{background:#000;color:#fff;display:grid;place-items:center;padding:0 16px;font-size:28px}.bug .clock{background:#0a0a0a;color:#fff;display:grid;place-items:center;padding:0 14px;font-size:20px}.bug-period{text-align:center;background:#000;color:#fff;font-size:11px;padding:3px 0;letter-spacing:.12em;margin:2px auto 0;width:90px;border-radius:0 0 5px 5px}.quick-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.quick-actions .qa-label{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text);padding-right:6px}.quick-actions .sep{width:1px;height:26px;background:var(--border)}.qa-btn{padding:10px 16px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-md);background:var(--surface2);border:1px solid var(--border-strong);color:var(--text)}.qa-btn:hover{filter:brightness(1.12)}.qa-anim{color:var(--purple);border-color:var(--purple);background:#a78bfa1a}.qa-clear{color:var(--red);border-color:var(--red);background:var(--red-dim)}.qa-lock{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.qa-update{color:var(--blue);border-color:var(--blue);background:#3b9eff1a}.qa-arm{color:#2dd4bf;border-color:#2dd4bf;background:#2dd4bf1a}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border)}.panel-title{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text)}.panel-body{padding:12px 14px}.ctrl-tools{display:flex;align-items:center;gap:8px}.ctrl-search{display:flex;align-items:center;gap:6px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-md);padding:5px 9px;color:var(--text-dim)}.ctrl-search input{background:none;border:none;outline:none;color:var(--text);font-size:12px;width:120px}.view-toggle{display:flex;gap:2px}.view-toggle button{width:28px;height:28px;display:grid;place-items:center;background:var(--surface2);border:1px solid var(--border);color:var(--text-dim);border-radius:var(--radius-sm)}.view-toggle button.on{color:var(--accent);border-color:var(--accent)}.ctrl-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:14px;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.ctrl-row::-webkit-scrollbar{height:12px}.ctrl-row::-webkit-scrollbar-track{background:var(--surface2);border-radius:999px}.ctrl-row::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px;border:3px solid var(--surface2);background-clip:content-box}.ctrl-row::-webkit-scrollbar-thumb:hover{background:var(--accent);background-clip:content-box}.ctrl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:10px;padding-bottom:16px}.ctrl-card{flex:none;width:172px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:0;display:flex;flex-direction:column;transition:border-color .12s;position:relative}.ctrl-top{display:flex;align-items:center;gap:6px;padding:8px 8px 0}.ctrl-handle{color:var(--text-faint);cursor:grab;font-size:13px;line-height:1;letter-spacing:-2px}.ctrl-handle:active{cursor:grabbing}.ctrl-top .ctrl-stat-pill{margin-left:auto}.ctrl-grid .ctrl-card{width:auto}.ctrl-card:hover{border-color:var(--border-strong)}.ctrl-card.selected{border-color:var(--accent)}.ctrl-card.expanded{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.ctrl-card.expanded:after{content:"";position:absolute;left:50%;bottom:-13px;transform:translate(-50%);width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:10px solid var(--accent);z-index:6}.ctrl-card .cap{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);text-align:center;padding:4px 6px 6px}.ctrl-card .thumb{height:56px;margin:0 10px;border-radius:var(--radius-sm);background:linear-gradient(180deg,#0c1320,#070b12);display:grid;place-items:center;border:1px solid var(--border);overflow:hidden}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:8px 10px 10px}.cbtn{padding:6px 4px;font-size:11px;font-weight:700;border-radius:var(--radius-sm);background:var(--surface2);border:1px solid var(--border-strong);color:var(--text)}.cbtn:hover{background:var(--surface3)}.cbtn.on-show{background:var(--green);color:#04120a;border-color:var(--green)}.cbtn-update{color:var(--blue);border-color:#3b9eff80}.cbtn-edit-on{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.ctrl-bind{display:flex;align-items:center;gap:6px;padding:6px 10px;border-top:1px solid var(--border)}.ctrl-bind .cb-name{flex:1;font-size:10px;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ctrl-bind .cb-ok{color:var(--green);font-size:11px}.ctrl-bind .cb-upd{font-size:9px;font-weight:800;padding:2px 6px;border-radius:999px;background:var(--accent-dim);color:var(--accent);border:1px solid var(--accent)}.ctrl-bind .cb-edit{width:22px;height:20px;font-size:11px;background:var(--surface2);border:1px solid var(--border-strong);color:var(--text-dim);border-radius:4px}.ctrl-bind .cb-edit:hover{color:var(--accent);border-color:var(--accent)}.ctrl-check{width:22px;height:22px;border-radius:var(--radius-sm);border:2px solid var(--border-strong);background:var(--surface2);display:grid;place-items:center;color:var(--on-accent);flex:none;cursor:pointer;padding:0}.ctrl-check:hover{border-color:var(--accent)}.ctrl-check.on{background:var(--accent);border-color:var(--accent)}.ctrl-stat-pill{font-size:9px;padding:2px 7px}.mini-bug{display:flex;align-items:center;gap:2px;transform:scale(.8)}.mini-bug span{display:grid;place-items:center;height:20px;font-size:11px;font-weight:800;color:#fff;padding:0 5px}.mini-bug .a{background:#1b6fc4}.mini-bug .s{background:#000}.mini-bug .b{background:#b3252c}.mini-lt{width:80%;height:22px;border-radius:3px;background:linear-gradient(90deg,#1b2636,#0f1722);border-left:4px solid var(--accent);display:flex;align-items:center;padding-left:8px;font-size:9px;color:var(--text-dim)}.mini-pill{font-size:9px;color:var(--text-faint)}.ctrl-drawer{background:var(--surface);border:1px solid var(--accent);border-top-width:2px;border-radius:var(--radius-lg);margin-top:3px;box-shadow:0 0 0 1px var(--accent-dim)}.ctrl-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border)}.ctrl-drawer-body{padding:14px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.score-step{display:flex;align-items:center;gap:10px}.score-step button{width:40px;height:40px;font-size:20px;font-weight:800;border-radius:var(--radius-md);background:var(--surface2);border:1px solid var(--border-strong);color:var(--text)}.score-step button:hover{background:var(--surface3)}.score-step .val{font-size:26px;font-weight:800;min-width:40px;text-align:center}.score-step.sm button{width:30px;height:30px;font-size:16px;border-radius:var(--radius-sm)}.score-step.sm .val{font-size:20px;min-width:26px}.sb-team .field-row{gap:6px}.sb-abbr{width:64px;flex:none;text-transform:uppercase}.sb-row{display:flex;gap:16px;align-items:flex-start;margin-bottom:12px}.sb-cell .field-label{margin-bottom:6px}.sb-clock{width:80px;flex:none}.sb-period{width:110px}.sb-link{background:none;border:none;color:var(--text-dim);font-size:12px;font-weight:600;padding:4px 0;cursor:pointer}.sb-link:hover{color:var(--accent)}.clock-row{display:flex;gap:8px}.clock-row .input{flex:1}.clock-btn{width:42px;border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--surface2);color:var(--text)}.clock-btn.run{background:var(--green);color:#04120a;border-color:var(--green)}.btn-update{background:var(--blue);color:#03101f;border-color:var(--blue)}.btn-update:hover{filter:brightness(1.08)}.op-rail{grid-area:rail;background:var(--surface);border-left:1px solid var(--border);overflow-y:auto;display:flex;flex-direction:column}.rail-block{border-bottom:1px solid var(--border)}.rail-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px}.rail-head .ttl{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.rail-head .auto{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--text-dim)}.rail-body{padding:0 14px 12px}.rundown-item{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer}.rundown-item:hover{background:var(--surface2)}.rundown-item.live{background:var(--surface2);border-color:var(--accent)}.rundown-item .play{color:var(--text-faint)}.rundown-item .t{font-size:11px;color:var(--text-dim);width:40px;font-variant-numeric:tabular-nums}.rundown-item .nm{flex:1;font-size:13px;font-weight:600}.rundown-total{display:flex;justify-content:space-between;padding:9px 8px 2px;color:var(--text-dim);font-size:12px;border-top:1px solid var(--border);margin-top:4px}.feed-row{display:flex;align-items:center;justify-content:space-between;padding:7px 0}.feed-row .nm{display:flex;align-items:center;gap:9px;font-size:13px}.feed-ico{width:18px;height:18px;border-radius:5px;display:grid;place-items:center;font-size:10px;font-weight:800;color:#fff}.feed-row .st{font-size:11px;font-weight:700;color:var(--green)}.feed-row .st.stale{color:var(--amber)}.feed-row .st.down{color:var(--red)}.link-row{padding:8px 0 2px;font-size:12px;font-weight:700;color:var(--accent);display:inline-flex;align-items:center;gap:6px;cursor:pointer}.assign-btn{width:100%;padding:10px;border-radius:var(--radius-md);border:1px dashed var(--border-strong);background:var(--surface2);color:var(--text-dim);font-weight:700;font-size:12px;letter-spacing:.04em}.assign-btn:hover{color:var(--text);border-color:var(--accent)}.audio-block{margin-top:auto}.foot-line{display:flex;align-items:center;justify-content:space-between;font-size:11px;padding:2px 0;color:var(--text-dim)}.meter{height:8px;border-radius:999px;background:var(--surface3);overflow:hidden;margin:4px 0 8px}.meter>i{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--amber) 78%,var(--red))}.top-routing{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:var(--radius-md);font-weight:800;font-size:12px;letter-spacing:.04em;background:var(--surface2);border:1px solid var(--border-strong);color:var(--text)}.top-routing:hover{border-color:var(--accent);color:var(--accent)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#020408a8;display:grid;place-items:center;padding:24px}.modal{width:520px;max-width:100%;max-height:86vh;overflow-y:auto;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:0 24px 64px #0009}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface)}.modal-head .ttl{font-size:14px;font-weight:800;letter-spacing:.04em}.modal-body{padding:16px}.toast-wrap{position:fixed;bottom:16px;left:50%;transform:translate(-50%);z-index:50;display:flex;flex-direction:column;gap:6px;align-items:center}.toast{background:var(--surface3);border:1px solid var(--border-strong);color:var(--text);padding:8px 14px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;box-shadow:0 8px 24px #00000080}.toast.err{border-color:var(--red);color:var(--red)}.disconnect-banner{position:fixed;top:0;left:0;right:0;z-index:60;background:var(--red);color:#fff;text-align:center;padding:6px;font-weight:700;font-size:13px}.dsn-shell{display:grid;grid-template-rows:52px 46px 1fr 196px;grid-template-columns:264px 1fr 304px;grid-template-areas:"top top top" "tools tools tools" "left main right" "anim anim anim";height:100vh;width:100%;overflow:hidden}.dsn-tools-strip{grid-area:tools;display:flex;align-items:center;gap:10px;padding:0 14px;background:var(--surface);border-bottom:1px solid var(--border)}.dsn-bottom{grid-area:anim;display:flex;flex-direction:column;min-height:0;border-top:1px solid var(--border);background:var(--surface)}.dsn-anim{display:flex;align-items:center;gap:18px;padding:0 16px;height:52px;flex:none;border-top:1px solid var(--border)}.dsn-anim .anim-group{display:flex;align-items:center;gap:8px}.dsn-anim .anim-group+.anim-group{border-left:1px solid var(--border);padding-left:18px}.dsn-anim .anim-title{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.dsn-anim .select{height:32px;width:auto;min-width:120px}.dsn-anim .anim-lbl{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-dim)}.dsn-anim .anim-num{width:70px;height:32px}.dsn-top{grid-area:top;display:flex;align-items:center;gap:12px;padding:0 14px;background:linear-gradient(180deg,var(--surface),var(--bg));border-bottom:1px solid var(--border)}.dsn-top .brand{flex:none;padding-right:8px}.dsn-top-field{display:flex;align-items:center;gap:7px}.dsn-top-field .lbl{font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.dsn-name{width:160px;height:32px}.dsn-toolbar{display:flex;gap:6px;margin-left:8px}.dsn-toolbar .tool{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;font-size:12px;font-weight:700;background:var(--surface2);border:1px solid var(--border-strong);color:var(--text);border-radius:var(--radius-md)}.dsn-toolbar .tool:hover{border-color:var(--accent);color:var(--accent)}.dsn-dirty{color:var(--amber);font-size:11px;font-weight:700}.dsn-left{grid-area:left;background:var(--surface);border-right:1px solid var(--border);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;min-width:0}.dsn-pal-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface);z-index:2}.dsn-pal-bar>span{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text)}.dsn-collapse{width:22px;height:22px;background:var(--surface2);border:1px solid var(--border-strong);color:var(--text-dim);border-radius:var(--radius-sm)}.dsn-collapse:hover{color:var(--accent);border-color:var(--accent)}.dsn-left-tab{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:40;width:18px;height:60px;background:var(--surface2);border:1px solid var(--border-strong);border-left:none;border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-dim)}.dsn-left-tab:hover{color:var(--accent)}.dsn-sec{border-bottom:1px solid var(--border)}.dsn-sec-head{width:100%;text-align:left;display:flex;align-items:center;gap:6px;padding:9px 12px;background:none;border:none;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--text)}.dsn-sec-head:hover{color:var(--accent)}.dsn-sec-head .chev{color:var(--text-dim);font-size:15px;font-weight:700;line-height:1;width:18px;display:inline-flex;justify-content:center}.dsn-sec-head:hover .chev{color:var(--accent)}.dsn-sec-body{padding:0 0 8px}.dsn-bare{padding:0}.dsn-tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px 12px}.dsn-tools-grid .tool{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;font-size:12px;font-weight:700;background:var(--surface2);border:1px solid var(--border-strong);color:var(--text);border-radius:var(--radius-md)}.dsn-tools-grid .tool:hover{border-color:var(--accent);color:var(--accent)}.dsn-tools-extra{border-top:1px solid var(--border);margin-top:4px;padding-top:4px}.dsn-tools-extra .dsn-align{display:flex;gap:4px;padding:4px 12px 8px}.dsn-tools-extra .dsn-align button{width:32px;height:30px;background:var(--surface2);border:1px solid var(--border-strong);color:var(--text-dim);border-radius:var(--radius-sm)}.dsn-assets-bar{padding:8px 12px;display:flex;gap:6px}.dsn-assets-bar .btn-primary{flex:1}.dsn-right{grid-area:right;position:relative;background:var(--surface);border-left:1px solid var(--border);overflow-y:auto;overflow-x:hidden;min-width:0}.dsn-rcollapse{position:absolute;top:8px;right:10px;z-index:3;width:22px;height:22px;background:var(--surface2);border:1px solid var(--border-strong);color:var(--text-dim);border-radius:var(--radius-sm)}.dsn-rcollapse:hover{color:var(--accent);border-color:var(--accent)}.dsn-right-tab{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:40;width:18px;height:60px;background:var(--surface2);border:1px solid var(--border-strong);border-right:none;border-radius:var(--radius-md) 0 0 var(--radius-md);color:var(--text-dim)}.dsn-right-tab:hover{color:var(--accent)}.dsn-right{grid-area:right;background:var(--surface);border-left:1px solid var(--border);overflow-y:auto}.dsn-panel{border-bottom:1px solid var(--border)}.dsn-rsec{border-top:1px solid var(--border-strong)}.dsn-rsec>.dsn-sec-head{border-bottom:1px solid var(--border)}.dsn-panel-head{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text);border-bottom:1px solid var(--border)}.dsn-count{font-size:10px;color:var(--text-faint);font-weight:700;text-transform:none}.dsn-empty{padding:12px;color:var(--text-faint);font-size:12px}.dsn-layers{padding:6px;display:flex;flex-direction:column;gap:2px;max-height:40vh;overflow-y:auto}.dsn-layer{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius-sm);cursor:pointer;border:1px solid transparent}.dsn-layer:hover{background:var(--surface2)}.dsn-layer.sel{background:var(--accent-dim);border-color:var(--accent)}.dsn-layer .ico{color:var(--text-dim);display:inline-flex}.dsn-layer .nm{flex:1;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dsn-layer .acts{display:flex;gap:2px;opacity:0}.dsn-layer:hover .acts,.dsn-layer.sel .acts{opacity:1}.dsn-layer .acts button{width:20px;height:20px;font-size:10px;background:var(--surface3);border:1px solid var(--border-strong);color:var(--text-dim);border-radius:4px}.dsn-layer .acts button:hover{color:var(--text)}.dsn-binds{padding:6px;display:flex;flex-direction:column;gap:2px;max-height:28vh;overflow-y:auto}.dsn-bind{display:flex;align-items:center;gap:7px;padding:4px 8px;border-radius:var(--radius-sm);cursor:pointer;border:1px solid transparent;font-size:11px}.dsn-bind:hover{background:var(--surface2)}.dsn-bind.on{background:var(--accent-dim);border-color:var(--accent)}.dsn-bind .path{font-family:var(--font-mono);color:var(--text);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dsn-bind .val{color:var(--text-faint);max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:none}.dsn-bind-link{flex:none;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-faint);cursor:pointer}.dsn-bind-link:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.dsn-bind-link.on{color:#06120b;background:var(--accent);border-color:var(--accent)}.dsn-bind-link:disabled{opacity:.4;cursor:default}.dsn-addfield{display:flex;gap:6px;padding:8px 10px}.dsn-insp-body{padding:10px 12px}.dsn-grp{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin:12px 0 6px}.dsn-bound{color:var(--green);font-weight:700;text-transform:none;letter-spacing:0;margin-left:6px}.dsn-row{display:grid;grid-template-columns:64px 1fr;align-items:center;gap:8px;margin-bottom:8px}.dsn-row>span{font-size:11px;color:var(--text-dim)}.dsn-2{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.dsn-num{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:6px}.dsn-num>span{font-size:11px;color:var(--text-dim)}.dsn-color{display:flex;gap:6px;align-items:center}.dsn-opacity{display:flex;align-items:center;gap:8px}.dsn-opacity input[type=range]{flex:1;accent-color:var(--accent)}.dsn-opacity .mono{font-size:11px;color:var(--text-dim);width:38px;text-align:right}.dsn-color .input{font-family:var(--font-mono);font-size:11px}.dsn-main{grid-area:main;position:relative;overflow:hidden;background:radial-gradient(1000px 500px at 50% 0%,#0d1626,transparent 60%),var(--bg)}.dsn-safe-icons{position:absolute;bottom:10px;right:14px;display:flex;gap:6px;z-index:20}.safe-ico{width:30px;height:26px;display:grid;place-items:center;border-radius:var(--radius-sm);background:#0a0e16cc;border:1px solid var(--border-strong);color:var(--text-dim);font-size:11px;font-weight:800}.safe-ico.on{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.safe-ico.title.on{color:var(--blue);border-color:var(--blue);background:#38bdf81f}.dsn-canvas-area{position:relative;width:100%;height:100%;overflow:hidden}.dsn-canvas-area.panning{cursor:grab}.dsn-stage{position:absolute;top:0;left:0;box-shadow:0 10px 40px #00000080;background-color:#0a0d14;background-image:linear-gradient(45deg,#11161f 25%,transparent 25%),linear-gradient(-45deg,#11161f 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#11161f 75%),linear-gradient(-45deg,transparent 75%,#11161f 75%);background-size:40px 40px;background-position:0 0,0 20px,20px -20px,-20px 0;outline:1px solid var(--border-strong)}.dsn-img-ph{font-size:22px;font-weight:800;color:#ffffff40;display:grid;place-items:center;width:100%;height:100%;border:1px dashed rgba(255,255,255,.2)}.dsn-bgref{position:absolute;top:0;right:0;bottom:0;left:0;width:1920px;height:1080px;object-fit:cover;background-size:cover;background-position:center;background-repeat:no-repeat;pointer-events:none;z-index:0}.dsn-sel{position:absolute;border:2px solid var(--accent);pointer-events:none;z-index:1000}.dsn-sel.multi{border:1px dashed var(--accent);opacity:.8;z-index:999}.dsn-group-tools{margin-left:8px;padding-left:8px;border-left:1px solid var(--border)}.dsn-align{display:inline-flex;gap:2px;margin-left:6px}.dsn-align button{width:28px;height:32px;background:var(--surface2);border:1px solid var(--border-strong);color:var(--text-dim);border-radius:var(--radius-sm);font-size:14px}.dsn-align button:hover{color:var(--accent);border-color:var(--accent)}.dsn-layer.grouped .nm:after{content:" ⛓";color:var(--text-faint);font-size:10px}.dsn-handle{position:absolute;width:14px;height:14px;background:var(--accent);border:2px solid #000;border-radius:3px;pointer-events:auto}.dsn-handle.nw{left:-8px;top:-8px;cursor:nwse-resize}.dsn-handle.ne{right:-8px;top:-8px;cursor:nesw-resize}.dsn-handle.sw{left:-8px;bottom:-8px;cursor:nesw-resize}.dsn-handle.se{right:-8px;bottom:-8px;cursor:nwse-resize}.dsn-guide{position:absolute;border:1px dashed;pointer-events:none;z-index:900}.dsn-snap{position:absolute;background:var(--accent);pointer-events:none;z-index:950;opacity:.8}.dsn-zoom{position:absolute;bottom:10px;left:14px;display:flex;gap:2px;z-index:20;background:#0a0e16cc;border:1px solid var(--border-strong);border-radius:var(--radius-md)}.dsn-zoom button{width:30px;height:26px;background:none;border:none;color:var(--text-dim);font-size:14px;font-weight:700}.dsn-zoom button.zlabel{width:52px;font-size:11px}.dsn-zoom button:hover{color:var(--accent)}.dsn-assets{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px;max-height:26vh;overflow-y:auto}.dsn-asset{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;background:var(--surface2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer}.dsn-asset:hover{border-color:var(--accent)}.dsn-asset img{width:100%;height:44px;object-fit:contain;background:repeating-conic-gradient(#11161f 0,#11161f 25%,#0a0d14 0,#0a0d14 50%) 50% / 12px 12px;border-radius:3px}.dsn-asset span{font-size:10px;color:var(--text-dim);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dsn-asset-wrap{position:relative}.dsn-asset-fol{position:absolute;top:3px;right:3px}.dsn-asset-folbtn{width:20px;height:20px;padding:0;font-size:11px;line-height:1;background:#0a0d14cc;border:1px solid var(--border-strong);border-radius:3px;color:var(--text-dim);cursor:pointer;opacity:0}.dsn-asset-wrap:hover .dsn-asset-folbtn{opacity:1}.dsn-asset-folbtn:hover{color:var(--accent);border-color:var(--accent)}.dsn-asset-folpop{position:absolute;top:22px;right:0;z-index:30;min-width:150px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:0 8px 24px #00000080;padding:4px}.dsn-asset-folpop button{display:block;width:100%;text-align:left;padding:6px 8px;font-size:12px;background:transparent;border:0;border-radius:var(--radius-sm);color:var(--text);cursor:pointer}.dsn-asset-folpop button:hover{background:var(--surface2);color:var(--accent)}.dsn-asset-folpop button.cur{color:var(--accent);font-weight:700}.dsn-asset-folpop button.rm{color:var(--red);border-top:1px solid var(--border);margin-top:3px}.dsn-asset-folpop button.new{color:var(--text-dim);border-top:1px solid var(--border);margin-top:3px}.dsn-afolder{border-top:1px solid var(--border)}.dsn-afolder-head{display:flex;align-items:center;gap:6px;padding:6px 10px;font-size:11px}.dsn-afolder-head .chev{background:none;border:0;color:var(--text-dim);font-size:15px;font-weight:700;line-height:1;width:20px;height:20px;padding:0;cursor:pointer}.dsn-afolder-head .chev:hover{color:var(--accent)}.dsn-newfolder-btn{display:inline-flex;align-items:center;gap:1px;padding:0 8px}.dsn-newfolder-btn span{font-size:13px;font-weight:800}.dsn-asset-folpop button{display:flex;align-items:center;gap:7px}.dsn-asset-folpop-h{font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint);padding:3px 8px 5px}.dsn-asset-folpop-e{padding:3px 8px;font-size:11px;color:var(--text-faint)}.dsn-afolder-head .nm{flex:1;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default}.dsn-afolder-head .ct{font-size:9px;color:var(--text-faint);background:var(--surface2);border-radius:999px;padding:1px 6px}.dsn-afolder-head .del{background:none;border:0;color:var(--text-faint);cursor:pointer;opacity:0}.dsn-afolder-head:hover .del{opacity:1}.dsn-afolder-head .del:hover{color:var(--red)}.dsn-afolder-label{padding:8px 10px 2px;font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint);border-top:1px solid var(--border)}.dsn-animprops{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0}.dsn-prop{padding:3px 8px;font-size:10px;font-weight:700;border-radius:999px;background:var(--surface2);border:1px solid var(--border-strong);color:var(--text-dim)}.dsn-prop.on{background:var(--accent-dim);color:var(--accent);border-color:var(--accent)}.dsn-kftab{overflow-x:auto;margin-top:6px;padding-bottom:4px}.dsn-kfrow{display:flex;gap:4px;align-items:center;margin-bottom:4px}.dsn-kfrow.head span{font-size:9px;color:var(--text-faint);text-transform:uppercase;min-width:54px;text-align:center}.dsn-kfrow .input{width:54px;flex:none;padding:4px;font-size:11px;text-align:center}.dsn-kfrow input[type=color]{width:50px;height:26px;flex:none}.dsn-kf-x{width:22px;height:24px;background:var(--surface3);border:1px solid var(--border-strong);color:var(--text-dim);border-radius:4px;font-size:10px;flex:none}.dsn-kf-x:hover{color:var(--red);border-color:var(--red)}.dsn-bresizer{height:12px;flex:none;display:flex;align-items:center;justify-content:center;cursor:ns-resize;border-bottom:1px solid var(--border)}.dsn-bresizer span{width:54px;height:4px;border-radius:999px;background:var(--border-strong)}.dsn-bresizer:hover span{background:var(--accent)}.dsn-timeline{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.tl-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:6px 12px;border-bottom:1px solid var(--border)}.tl-title{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text)}.tl-transport{justify-self:center}.tl-left{justify-self:start;display:flex;align-items:center;gap:10px}.tl-addfolder-left{height:26px;padding:0 9px;display:inline-flex;align-items:center;gap:2px;font-size:12px;background:var(--surface2);border:1px solid var(--border-strong);color:var(--text);border-radius:var(--radius-sm);cursor:pointer}.tl-addfolder-left:hover{color:var(--accent);border-color:var(--accent)}.tl-addfolder-left .kf-pm{font-size:12px;font-weight:800}.tl-right{justify-self:end;display:flex;align-items:center;gap:12px;min-width:0}.tl-transport{display:flex;align-items:center;gap:4px}.tl-transport button{min-width:30px;height:28px;padding:0;background:var(--surface2);border:1px solid var(--border-strong);color:var(--text);border-radius:var(--radius-sm);font-size:12px;display:inline-flex;align-items:center;justify-content:center;line-height:1}.tl-transport button.tl-kfbtn,.tl-transport button.tl-addfolder{gap:1px;padding:0 2px}.tl-transport button .kf-d{font-size:11px}.tl-transport button .kf-pm{font-size:12px;font-weight:800;line-height:1}.tl-transport button.tl-loop.on{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.tl-transport button:hover{color:var(--accent);border-color:var(--accent)}.tl-transport button.play{color:var(--green)}.tl-transport .tl-sep{width:1px;height:20px;background:var(--border);margin:0 4px}.tl-transport .tl-rec{width:auto;padding:0 9px;display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800;letter-spacing:.06em}.tl-transport .tl-rec .tl-rec-dot{width:8px;height:8px;border-radius:50%;background:var(--text-faint)}.tl-transport .tl-rec.on{color:#fff;background:var(--red);border-color:var(--red)}.tl-transport .tl-rec.on .tl-rec-dot{background:#fff;animation:bb-recpulse 1.1s ease-in-out infinite}.tl-transport .tl-rec.on:hover{color:#fff;border-color:var(--red)}@keyframes bb-recpulse{50%{opacity:.25}}.dsn-canvas-area.recording{box-shadow:inset 0 0 0 2px var(--red)}.dsn-rec-chip{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:6;display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:999px;background:#dc2626eb;color:#fff;font-size:11px;font-weight:700;letter-spacing:.03em;box-shadow:0 2px 10px #0006}.dsn-rec-chip .dot{width:8px;height:8px;border-radius:50%;background:#fff;animation:bb-recpulse 1.1s ease-in-out infinite}.dsn-rec-chip.keying{background:#14181ee6;border:1px solid var(--accent);color:var(--accent);box-shadow:0 2px 10px #0006}.dsn-rec-chip.keying .dot{background:var(--accent);animation:none}.dsn-rec-note{display:flex;align-items:center;gap:7px;margin:0 0 8px;padding:6px 9px;border-radius:var(--radius-sm);background:#dc26261f;border:1px solid rgba(220,38,38,.4);color:#fca5a5;font-size:11px;font-weight:600}.dsn-rec-note .dot{width:7px;height:7px;border-radius:50%;background:var(--red);animation:bb-recpulse 1.1s ease-in-out infinite}.dsn-rec-note.keying{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.dsn-rec-note.keying .dot{background:var(--accent);animation:none}.dsn-anim-hint{margin:4px 0 6px;font-size:10.5px;line-height:1.45;color:var(--text-faint)}.dsn-anim-hint b{color:var(--text-dim);font-weight:700}.dsn-state-preview{position:absolute;top:10px;left:10px;z-index:6;display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border-radius:var(--radius-sm);background:#14181ed9;border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dsn-state-preview .lbl{font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.dsn-state-preview .select{height:26px;min-width:120px;font-size:12px}.dsn-bindrow{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.dsn-bindrow .input{flex:1;min-width:0}.dsn-linkwrap{position:relative;flex:none}.dsn-bindbtn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-dim);cursor:pointer}.dsn-bindbtn:hover{color:var(--accent);border-color:var(--accent)}.dsn-bindbtn.on{color:#06120b;background:var(--accent);border-color:var(--accent)}.dsn-bindmenu{position:absolute;top:32px;right:0;z-index:30;min-width:190px;max-height:280px;overflow-y:auto;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:0 8px 26px #00000080;padding:5px}.dsn-bindmenu-h{font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);padding:4px 8px 6px}.dsn-bindopt{display:block;width:100%;text-align:left;padding:6px 8px;font-size:12px;font-family:var(--font-mono);background:transparent;border:0;border-radius:var(--radius-sm);color:var(--text);cursor:pointer}.dsn-bindopt:hover{background:var(--surface2);color:var(--accent)}.dsn-bindopt.cur{color:var(--accent);font-weight:700}.dsn-bindopt.unbind{color:var(--red);font-family:inherit}.dsn-bindopt.new{color:var(--text-dim);font-family:inherit;border-top:1px solid var(--border);margin-top:4px}.dsn-bindempty{padding:4px 8px;font-size:11px;color:var(--text-faint)}.dsn-fontpick{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.dsn-fontpick .select{flex:1;min-width:0}.dsn-fontup{flex:none;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-dim);cursor:pointer;font-size:14px}.dsn-fontup:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.dsn-fontup:disabled{opacity:.5;cursor:default}.tl-time{font-size:11px;color:var(--text-dim)}.tl-setup{display:flex;align-items:center;gap:10px;margin-left:10px;padding-left:10px;border-left:1px solid var(--border)}.tl-setup-field{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:800;letter-spacing:.06em;color:var(--text-faint)}.tl-setup-field input,.tl-setup-field select{width:56px;height:26px;background:var(--surface2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);font-size:12px;font-weight:600;padding:0 6px}.tl-setup-field select{width:70px}.tl-setup-field input:focus,.tl-setup-field select:focus{border-color:var(--accent);outline:none}.tl-setup-field em{font-style:normal;color:var(--text-faint)}.tl-body{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;display:flex;flex-direction:column}.tl-colresize{position:absolute;top:0;bottom:0;width:7px;transform:translate(-3px);z-index:8;cursor:col-resize}.tl-colresize:after{content:"";position:absolute;left:3px;top:0;bottom:0;width:1px;background:var(--border)}.tl-colresize:hover:after,.tl-colresize:active:after{width:2px;left:2px;background:var(--accent)}.tl-folder-hint{flex:none;color:var(--text-faint);font-size:13px;cursor:context-menu;padding:0 4px;opacity:0}.tl-folder:hover .tl-folder-hint{opacity:1}.tl-ruler{position:relative;height:18px;flex:none;margin:4px 12px 2px 200px;background:var(--surface2);border-radius:3px;cursor:pointer}.tl-playmark{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--red)}.tl-phandle{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:16px;height:14px;background:var(--red);border-radius:3px 3px 1px 1px;cursor:ew-resize;box-shadow:0 1px 4px #00000080;pointer-events:auto}.tl-phandle:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--red)}.tl-phandle:hover{background:#ff5d66}.tl-ruler .tl-fnum{position:absolute;top:2px;transform:translate(2px);font-size:8px;color:var(--text-faint);font-variant-numeric:tabular-nums;pointer-events:none}.tl-phases{flex:none;margin:0 12px 3px 200px}.tl-phases-lane{position:relative;height:16px;border-radius:3px;overflow:visible}.tl-phases .ph{position:absolute;top:0;bottom:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:2px}.tl-phases .ph-lbl{font-size:8px;font-weight:700;letter-spacing:.04em;color:#ffffffeb;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.5);pointer-events:none}.tl-phases .ph-in{background:#4f9d6366;border:1px solid rgba(79,157,99,.7)}.tl-phases .ph-hold{background:#7886ab47;border:1px solid rgba(120,134,171,.5)}.tl-phases .ph-out{background:#d6636b66;border:1px solid rgba(214,99,107,.7)}.tl-phases .ph-handle{position:absolute;top:-2px;bottom:-2px;width:9px;transform:translate(-50%);cursor:ew-resize;z-index:3}.tl-phases .ph-handle:before{content:"";position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:2px;background:var(--text);border-radius:2px;box-shadow:0 0 0 1px #0006}.tl-phases .ph-handle:hover:before{width:3px;background:var(--accent)}.dsn-onchange{border-top:1px solid var(--border);margin-top:4px;padding-top:6px}.dsn-tx-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:2px 0 6px}.dsn-tx-opt{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;background:var(--surface2);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text-dim);font-size:11px;font-weight:600;cursor:pointer;transition:.12s}.dsn-tx-opt:hover{color:var(--text);border-color:var(--accent)}.dsn-tx-opt.on{color:var(--text);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-dim);background:var(--accent-dim)}.dsn-tx-ico{font-size:16px;line-height:1}.tl-rows{position:relative;flex:1 1 auto;overflow-y:auto;padding:2px 0}.tl-rows::-webkit-scrollbar{width:12px}.tl-rows::-webkit-scrollbar-track{background:var(--surface)}.tl-rows::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px;border:3px solid var(--surface);background-clip:content-box}.tl-rows::-webkit-scrollbar-thumb:hover{background:var(--accent);background-clip:content-box}.tl-grid{position:absolute;top:0;bottom:0;left:200px;right:12px;pointer-events:none;z-index:1}.tl-gline{position:absolute;top:0;bottom:0;width:1px;background:#ffffff09}.tl-gline.tenth{background:#ffffff14}.tl-playline{position:absolute;top:0;bottom:0;width:2px;background:var(--red);opacity:.75;pointer-events:none;z-index:6}.tl-row{display:grid;grid-template-columns:200px 1fr;align-items:center;gap:8px;padding:1px 12px 1px 0;cursor:pointer;height:26px}.tl-row:hover{background:var(--surface2)}.tl-row.sel{background:var(--accent-dim)}.tl-headcell{display:flex;align-items:center;gap:6px;padding-left:12px}.tl-eye,.lt-eye2{width:22px;height:20px;background:none;border:none;color:var(--text-dim);font-size:12px;padding:0;flex:none}.dsn-del-tpl{padding:0 8px}.dsn-del-tpl:hover:not(:disabled){color:var(--red);border-color:var(--red)}.tl-foldchev{font-size:16px;font-weight:700;color:var(--text);width:24px}.tl-foldchev:hover{color:var(--accent)}.tl-vis{width:22px;height:20px;background:none;border:none;padding:0;flex:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.tl-vis .dot{width:9px;height:9px;border-radius:50%;transition:background .12s}.tl-vis.on .dot{background:#4f9d63;box-shadow:0 0 4px #4f9d6373}.tl-vis.off .dot{background:var(--text-faint);box-shadow:none}.tl-vis:hover .dot{filter:brightness(1.25)}.tl-eye:hover,.lt-eye2:hover{color:var(--text)}.tl-chip,.lt-chip2{position:relative;width:14px;height:14px;border-radius:3px;overflow:hidden;display:inline-block;cursor:pointer;border:1px solid var(--border-strong);flex:none}.tl-chip>span,.lt-chip2>span{display:block;width:100%;height:100%}.tl-chip input,.lt-chip2 input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.tl-name{flex:1;min-width:0;font-size:11px;font-weight:600;color:var(--text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tl-row.sel .tl-name{color:var(--text)}.tl-row.grouped .tl-name:after{content:" ⛓";color:var(--text-faint);font-size:9px}.tl-acts{display:flex;gap:2px;opacity:0;flex:none}.tl-row:hover .tl-acts,.tl-row.sel .tl-acts{opacity:1}.tl-acts button{width:18px;height:18px;font-size:9px;background:var(--surface3);border:1px solid var(--border-strong);color:var(--text-dim);border-radius:3px;padding:0}.tl-acts button:hover{color:var(--text)}.tl-row.indent .tl-headcell{padding-left:26px}.tl-folder{display:grid;grid-template-columns:200px 1fr;align-items:center;gap:8px;padding:1px 12px 1px 0;height:26px;background:var(--surface2);border-top:1px solid var(--border)}.tl-folder .tl-headcell{gap:6px;padding-left:8px}.tl-foldericon{font-size:12px}.tl-fname{flex:1;min-width:0;background:none;border:none;color:var(--text);font-size:11px;font-weight:700;padding:2px 4px;border-radius:3px}.tl-fname:hover,.tl-fname:focus{background:var(--surface3);outline:none}.tl-folder .tl-acts{opacity:0}.tl-folder:hover .tl-acts{opacity:1}.tl-lane{position:relative;height:14px;background:var(--surface2);border-radius:3px}.tl-bar{position:absolute;top:0;height:14px;background:linear-gradient(90deg,#ffc40059,#ffc400b3);border:1px solid var(--accent);border-radius:3px;min-width:6px}.tl-kf{position:absolute;top:50%;width:9px;height:9px;background:var(--accent);border:1px solid #000;transform:translate(-50%,-50%) rotate(45deg);cursor:pointer}.tl-kf:hover{outline:1px solid #fff}.tl-drag{flex:none;width:11px;color:var(--text-faint);font-size:11px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.tl-drag:active{cursor:grabbing}.tl-row:hover .tl-drag{color:var(--accent)}.tl-row.dragging{opacity:.45}.tl-ghost{position:fixed;z-index:9999;pointer-events:none;padding:4px 10px;border-radius:var(--radius-sm);background:var(--accent);color:#06120b;font-size:11px;font-weight:700;box-shadow:0 6px 18px #00000080;white-space:nowrap}.tl-folder.drop{background:var(--accent-dim);box-shadow:inset 0 0 0 2px var(--accent)}.tl-folder.drop .tl-foldericon{color:var(--accent)}.tl-droptop{grid-column:1 / -1;margin:2px 12px;padding:6px 10px;border:1px dashed var(--accent);border-radius:var(--radius-sm);background:var(--accent-dim);color:var(--accent);font-size:11px;font-weight:700;text-align:center}.tl-droptop.over{background:var(--accent);color:#06120b;border-style:solid}.tl-folmenu{position:relative;flex:none}.tl-folbtn{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;padding:0;background:var(--surface3);border:1px solid var(--border-strong);color:var(--text-faint);border-radius:3px;cursor:pointer}.tl-folbtn:hover{color:var(--accent);border-color:var(--accent)}.tl-folbtn.on{color:#06120b;background:var(--accent);border-color:var(--accent)}.tl-folpop{position:absolute;top:22px;right:0;z-index:40;min-width:170px;max-height:260px;overflow-y:auto;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:0 10px 30px #0000008c;padding:5px}.tl-folpop-h{font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--text-faint);padding:3px 8px 5px}.tl-folpop-empty{padding:3px 8px;font-size:11px;color:var(--text-faint)}.tl-folopt{display:flex;align-items:center;gap:7px;width:100%;text-align:left;padding:6px 8px;font-size:12px;background:transparent;border:0;border-radius:var(--radius-sm);color:var(--text);cursor:pointer}.tl-folopt:hover{background:var(--surface2);color:var(--accent)}.tl-folopt .dot{width:9px;height:9px;border-radius:2px;flex:none}.tl-folopt.cur{color:var(--accent);font-weight:700}.tl-folopt.rm{color:var(--red);border-top:1px solid var(--border);margin-top:4px}.tl-folopt.new{color:var(--text-dim);border-top:1px solid var(--border);margin-top:4px}.tl-none{font-size:10px;color:var(--text-faint);padding-left:6px}.dsn-layer{gap:6px}.lt-chip2{flex:none}.dsn-ctx{position:fixed;z-index:9999;min-width:180px;background:var(--surface2);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:0 12px 36px #0000008c;padding:4px}.dsn-ctx-item{position:relative;padding:7px 10px;font-size:12px;color:var(--text);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap}.dsn-ctx-item:hover{background:var(--accent-dim);color:var(--accent)}.dsn-ctx-item.danger:hover{background:var(--red-dim);color:var(--red)}.dsn-ctx-item.disabled{color:var(--text-faint);cursor:default}.dsn-ctx-item.has-sub .chev{position:absolute;right:8px;color:var(--text-faint)}.dsn-ctx-sub{display:none;position:absolute;left:100%;top:-4px;min-width:160px;max-height:280px;overflow-y:auto;background:var(--surface2);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:0 12px 36px #0000008c;padding:4px}.dsn-ctx-item.has-sub:hover .dsn-ctx-sub{display:block}.dsn-ctx-sub .dsn-ctx-item{font-family:var(--font-mono);font-size:11px;display:flex;align-items:center;gap:8px}.dsn-ctx-dot{width:12px;height:12px;border-radius:3px;border:1px solid rgba(0,0,0,.4);flex:none}.pb-shell{display:flex;flex-direction:column;height:100vh;width:100%;overflow:hidden}.pb-top{display:flex;flex-direction:column;flex:none}.pb-nav-row{display:flex;align-items:center;gap:12px;height:52px;padding:0 16px;background:linear-gradient(180deg,var(--surface),var(--bg));border-bottom:1px solid var(--border)}.pb-tools-row{display:flex;align-items:center;gap:10px;height:46px;padding:0 16px;background:var(--surface);border-bottom:1px solid var(--border)}.pb-top .brand{padding-right:8px}.pb-name{width:200px;height:32px}.pb-main{flex:1 1 auto;overflow-y:auto;padding:22px;max-width:900px;width:100%;margin:0 auto}.pb-intro{color:var(--text-dim);font-size:13px;margin-bottom:18px;line-height:1.5}.pb-slots{display:flex;flex-direction:column;gap:10px}.pb-slot{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.pb-slot-name{width:200px;flex:none;font-weight:700;font-size:14px;display:flex;flex-direction:column;gap:2px}.pb-slot-id{font-family:var(--font-mono);font-size:10px;color:var(--text-faint);font-weight:400}.pb-slot .select{flex:1}.pb-slot .pb-ver{flex:none;width:120px}.auth-wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;background:radial-gradient(1200px 600px at 12% -10%,#0d1626 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#10101e 0%,transparent 50%),var(--bg)}.auth-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px 26px}.auth-brand{display:flex;justify-content:center;margin-bottom:18px}.auth-title{font-size:20px;font-weight:800;margin:0 0 4px;text-align:center}.auth-sub{font-size:13px;color:var(--text-dim);margin:0 0 20px;text-align:center}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-field span{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim)}.auth-field .input{height:40px}.auth-hint{font-size:11px;color:var(--text-faint);line-height:1.5;margin-top:-4px}.btn-block{width:100%;justify-content:center;height:40px;margin-top:4px}.auth-err{background:var(--red-dim);border:1px solid var(--red);color:#ffc4c8;font-size:12.5px;padding:9px 11px;border-radius:var(--radius-md)}.auth-ok{background:var(--green-dim);border:1px solid var(--green);color:#9be8b4;font-size:12.5px;padding:9px 11px;border-radius:var(--radius-md)}.auth-alt{text-align:center;font-size:13px;color:var(--text-dim);margin-top:16px}.auth-alt a,.auth-linkbtn{color:var(--accent);font-weight:700;text-decoration:none;background:none;border:none;cursor:pointer;font-size:13px}.auth-alt a:hover,.auth-linkbtn:hover{text-decoration:underline}.auth-foot{font-size:11px;color:var(--text-faint)}.auth-loading{min-height:100vh;display:grid;place-items:center;color:var(--text-dim);font-size:13px;background:var(--bg)}.user-menu{position:relative}.user-menu .avatar{cursor:pointer;border:none}.user-pop{position:absolute;top:calc(100% + 8px);right:0;z-index:60;min-width:200px;background:var(--surface2);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:0 12px 30px #00000080;overflow:hidden}.user-pop .up-head{padding:11px 13px;border-bottom:1px solid var(--border)}.user-pop .up-name{font-size:13px;font-weight:700;color:var(--text)}.user-pop .up-email{font-size:11px;color:var(--text-dim);margin-top:2px;word-break:break-all}.user-pop .up-role{display:inline-block;margin-top:6px;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:var(--accent-dim);border-radius:999px;padding:2px 8px}.user-pop .up-item{width:100%;text-align:left;background:none;border:none;color:var(--text);font-size:13px;font-weight:600;padding:10px 13px;cursor:pointer}.user-pop .up-item:hover{background:var(--surface3)}.user-signin{height:36px;padding:0 14px;border-radius:var(--radius-md);background:var(--accent);color:var(--on-accent);border:none;font-weight:800;font-size:12px;letter-spacing:.04em;cursor:pointer}