.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-top-sep{color:var(--text-faint);font-size:14px;margin:0 2px;opacity:.5}.dsn-proj-field .top-select{font-weight:700;color:var(--accent)}.dsn-proj-header{margin-left:28px;padding-left:28px;border-left:1px solid var(--border)}.dsn-proj-assign{margin-left:6px}.dsn-proj-assign .top-select{max-width:150px}.dsn-dup{max-width:130px}.dsn-dup:disabled{opacity:.5}.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:8px;padding:10px 12px;background:none;border:none;font-size:12px;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);font-size:13px;font-weight:800;line-height:1;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface3);border:1px solid var(--border-strong);border-radius:6px}.dsn-sec-head:hover .chev{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.dsn-sec-body{padding:0 0 8px}.dsn-bare{padding:0}.lb-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:1000;display:flex;align-items:center;justify-content:center}.lb-modal{width:min(1100px,94vw);height:min(680px,88vh);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 80px #0009}.lb-top{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border)}.lb-top strong{font-size:13px}.lb-crumbs{font-size:12px;color:var(--text-dim);display:flex;gap:4px;overflow:hidden;white-space:nowrap}.lb-crumbs .sep{color:var(--text-faint);margin:0 4px}.lb-spacer{flex:1}.lb-busy{color:var(--accent);font-weight:700}.lb-close{width:28px;height:28px;background:var(--surface2);border:1px solid var(--border-strong);color:var(--text-dim);border-radius:var(--radius-sm);cursor:pointer}.lb-close:hover{color:var(--red);border-color:var(--red)}.lb-cols{flex:1;display:flex;overflow-x:auto;overflow-y:hidden}.lb-col{width:280px;min-width:280px;height:100%;overflow-y:auto;border-right:1px solid var(--border);padding:6px}.lb-empty{color:var(--text-faint);font-size:12px;padding:10px}.lb-item{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:var(--radius-sm);cursor:pointer;font-size:12px;color:var(--text)}.lb-item:hover{background:var(--surface2)}.lb-item.sel{background:var(--accent-dim);box-shadow:inset 0 0 0 1px var(--accent)}.lb-item.cur .lb-name{color:var(--accent)}.lb-ic{flex:none;width:16px;display:inline-flex;color:var(--text-dim)}.lb-thumb{flex:none;width:22px;height:22px;object-fit:cover;border-radius:3px;background:#0a0e16;border:1px solid var(--border)}.lb-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-chev{color:var(--text-faint);flex:none}.lb-actions{display:flex;align-items:center;gap:8px;padding:9px 14px;border-top:1px solid var(--border);background:var(--surface2);flex-wrap:wrap}.lb-hint{color:var(--text-faint);font-size:12px}.lb-meta{color:var(--text-dim);font-size:12px}.lb-move{display:inline-flex;align-items:center;gap:6px}.lb-move .lbl{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.lb-move select{height:28px}.dsn-browse-btn{display:block;width:calc(100% - 24px);margin:6px 12px 2px;height:30px;font-size:12px;font-weight:700;background:var(--surface2);border:1px solid var(--border-strong);color:var(--text);border-radius:var(--radius-md);cursor:pointer}.dsn-browse-btn:hover{border-color:var(--accent);color:var(--accent)}.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-import-psd{display:block;width:calc(100% - 24px);margin:0 12px 8px;height:32px;font-size:12px;font-weight:700;background:var(--surface2);border:1px dashed var(--border-strong);color:var(--text);border-radius:var(--radius-md);cursor:pointer}.dsn-import-psd:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.dsn-import-psd:disabled{opacity:.6;cursor:default}.dsn-psd-block{margin-bottom:6px}.dsn-psd-list{padding:0 12px;display:flex;flex-direction:column;gap:4px}.dsn-psd-item{display:flex;align-items:center;gap:4px}.dsn-psd-reimport{flex:1;min-width:0;display:flex;align-items:center;gap:6px;height:28px;padding:0 8px;font-size:11px;font-weight:600;background:var(--surface2);border:1px solid var(--border);color:var(--text-dim);border-radius:var(--radius-sm);cursor:pointer;text-align:left}.dsn-psd-reimport span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dsn-psd-reimport:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.dsn-psd-reimport:disabled{opacity:.6;cursor:default}.dsn-psd-del{flex:none;width:24px;height:28px;background:var(--surface2);border:1px solid var(--border);color:var(--text-faint);border-radius:var(--radius-sm);cursor:pointer}.dsn-psd-del:hover{color:var(--red);border-color:var(--red)}.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-gloss-head{display:flex;align-items:baseline;gap:8px;padding:9px 10px 4px;border-top:1px solid var(--border);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim)}.dsn-gloss-hint{font-weight:400;letter-spacing:0;text-transform:none;color:var(--text-faint);font-size:10px}.dsn-gloss-grp{padding:0 6px 4px}.dsn-grp-name{font-size:10px;color:var(--text-faint);padding:5px 8px 2px;font-weight:600}.dsn-gloss-tag .val{color:var(--green, #22c55e);max-width:92px}.dsn-noval{color:var(--text-faint);font-style:italic}.dsn-inuse{color:var(--accent);font-size:9px}.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-drawer-ctl{position:absolute;bottom:48px;left:14px;z-index:22;background:#0a0e16e0;border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:6px 8px;min-width:168px;box-shadow:0 8px 24px #00000080}.dsn-drawer-ctl .hd{display:block;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin-bottom:5px}.dsn-drawer-row{display:flex;align-items:center;gap:5px;margin-top:4px}.dsn-drawer-row .nm{flex:1;min-width:0;display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dsn-drawer-row .nm .dot{width:8px;height:8px;border-radius:2px;flex:none}.dsn-drawer-row button{flex:none;font-size:10px;font-weight:700;padding:3px 7px;background:var(--surface2);border:1px solid var(--border-strong);color:var(--text-dim);border-radius:var(--radius-sm);cursor:pointer}.dsn-drawer-row button:hover{border-color:var(--accent);color:var(--accent)}.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:var(--surface3);border:1px solid var(--border-strong);color:var(--text);font-size:12px;font-weight:800;line-height:1;width:20px;height:20px;padding:0;border-radius:5px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.dsn-afolder-head .chev:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.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-assets-viewtoggle{display:inline-flex;gap:3px}.dsn-assets-viewtoggle .btn{border:1px solid var(--border-strong)}.dsn-assets-viewtoggle .btn.on{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.dsn-popout-btn{color:var(--accent);border:1px solid var(--accent);font-weight:700;display:inline-flex;align-items:center;gap:5px}.dsn-popout-btn:hover{background:var(--accent-dim)}.dsn-fexplorer{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px}.dsn-fexplorer.standalone{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.dsn-ftile{position:relative;display:flex;flex-direction:column;gap:4px;padding:6px;background:var(--surface2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;text-align:left}.dsn-ftile:hover{border-color:var(--accent)}.dsn-ftile-thumb{height:56px;display:grid;place-items:center;background:repeating-conic-gradient(#11161f 0,#11161f 25%,#0a0d14 0,#0a0d14 50%) 50% / 12px 12px;border-radius:3px;overflow:hidden}.dsn-ftile-thumb img{width:100%;height:100%;object-fit:contain}.dsn-ftile-name{font-size:11px;color:var(--text);display:flex;align-items:center;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dsn-ftile-ct{position:absolute;top:4px;right:6px;font-size:9px;padding:0 5px;border-radius:8px;background:#0009;color:var(--text-dim)}.dsn-fcrumb{display:flex;align-items:center;gap:8px;padding:8px 8px 4px}.dsn-fcrumb-cur{font-size:12px;color:var(--text);display:flex;align-items:center;gap:5px}.assets-page{min-height:100vh;background:var(--bg, #0a0d14);color:var(--text, #e8edf5);display:flex;flex-direction:column}.assets-page-head{padding:14px 18px;border-bottom:1px solid var(--border-strong);display:flex;flex-direction:column;gap:3px}.assets-page-head strong{font-size:15px}.assets-page-hint{font-size:12px;color:var(--text-dim)}.assets-page-body{flex:1;overflow-y:auto;padding:6px 10px}.assets-page-body .dsn-assets{max-height:none;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.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,.tl-transport,.tl-right{position:relative;z-index:12}.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}.input.dsn-bound-input:disabled{font-style:italic;color:var(--blue, #3b9eff);-webkit-text-fill-color:var(--blue, #3b9eff);opacity:1;border-color:color-mix(in srgb,var(--blue, #3b9eff) 45%,var(--border))}.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}.dsn-fontdel{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:13px}.dsn-fontdel:hover:not(:disabled){color:var(--red);border-color:var(--red)}.dsn-fontdel: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:3px;background:var(--tl-blue, #2f80ff);border-radius:2px}.tl-phandle{position:absolute;top:-44px;left:50%;transform:translate(-50%);width:30px;height:52px;background:var(--tl-blue, #2f80ff);border:1px solid #6fa8ff;border-radius:5px 5px 2px 2px;cursor:grab;box-shadow:0 2px 6px #0000008c;pointer-events:auto;touch-action:none;z-index:8}.tl-phandle{background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.55) 0 2px,transparent 2px 6px);background-size:14px 10px;background-position:center;background-repeat:no-repeat}.tl-phandle:before{content:"";position:absolute;top:-6px;left:-10px;right:-10px;bottom:-16px}.tl-phandle:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:var(--tl-blue, #2f80ff)}.tl-phandle:hover{background-color:#4f97ff}.tl-phandle:active{cursor:grabbing;background-color:#1f6fef}.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)}.tl-phases .ph-plateau{position:absolute;top:-3px;bottom:-3px;transform:translate(-50%);cursor:ew-resize;z-index:4;width:11px}.tl-phases .ph-plateau:before{content:"";position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:2px;background:#d9a521;border-radius:2px;box-shadow:0 0 0 1px #00000073}.tl-phases .ph-plateau:hover:before{width:3px;background:#ffc400}.tl-phases .ph-plateau-dot{position:absolute;top:-7px;left:50%;transform:translate(-50%);color:#d9a521;font-size:9px;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.6)}.tl-phases .ph-plateau:hover .ph-plateau-dot{color:#ffc400}.tl-phases .ph-plateau-lbl{position:absolute;bottom:-12px;left:50%;transform:translate(-50%);font-size:7px;font-weight:700;letter-spacing:.04em;color:#d9a521;white-space:nowrap;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.55)}.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(--tl-blue, #2f80ff);opacity:.8;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-vis:disabled{cursor:default}.tl-vis:disabled .dot{opacity:.3;box-shadow:none}.tl-drawerprev{display:inline-flex;gap:3px;margin:0 4px;flex:none}.tl-drawerprev button{width:20px;height:18px;padding:0;font-size:9px;line-height:1;background:var(--surface2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-dim);cursor:pointer}.tl-drawerprev button:hover{border-color:var(--accent);color:var(--accent)}.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:.85}.tl-folder:hover .tl-acts{opacity:1}.tl-row.ins-before,.tl-folder.ins-before{box-shadow:inset 0 2px 0 0 var(--accent)}.tl-row.ins-after,.tl-folder.ins-after{box-shadow:inset 0 -2px 0 0 var(--accent)}.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-fdrag{width:18px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;border-radius:var(--radius-sm)}.tl-folder:hover .tl-fdrag{color:var(--accent);background:var(--surface)}.tl-draggable{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.tl-draggable:active{cursor:grabbing}.tl-name.tl-draggable{padding:1px 2px;border-radius:var(--radius-sm)}.tl-row:hover .tl-name.tl-draggable{background:var(--surface)}.tl-num{width:auto;min-width:20px;height:18px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border-strong);border-radius:9px;color:var(--text-dim);font-size:10px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1}.tl-row:hover .tl-num,.tl-row.sel .tl-num{color:var(--accent);border-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.up{top:auto;bottom:-4px}.dsn-ctx-sub.left{left:auto;right:100%}.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}:root{--bg: #0a0e16;--surface: #151c2b;--surface2: #1e2839;--surface3: #273347;--border: #354664;--border-strong: #45587c;--text: #f5f8fc;--text-dim: #aebad0;--text-faint: #8a97b1;--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}.show-clock.idle{color:var(--text-faint)}.show-clock.running{color:var(--text)}.show-clock{cursor:default}.show-clock.running{cursor:pointer}.popout-btn{height:28px;padding:0 11px;border-radius:var(--radius-md);background:var(--accent-dim);border:1px solid var(--accent);color:var(--accent);font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}.popout-btn:hover,.popout-btn.on{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.monitor-page{height:100vh;display:flex;flex-direction:column;background:#04060a}.mp-bar{flex:none;height:40px;display:flex;align-items:center;gap:12px;padding:0 14px;background:linear-gradient(180deg,var(--surface),var(--bg));border-bottom:1px solid var(--border)}.mp-title{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text)}.mp-proj{font-size:12px;color:var(--text-dim)}.mp-spacer{flex:1}.mp-stage{flex:1;min-height:0;display:grid;gap:12px;padding:14px}.mp-stage.single{grid-template-columns:1fr}.mp-stage.dual{grid-template-columns:1fr 1fr}.mp-screen{min-width:0;min-height:0;display:flex;flex-direction:column;gap:8px}.mp-label{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);display:flex;align-items:center;gap:7px}.mp-label.live{color:var(--green)}.mp-box{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.mp-box .renderer-screen{height:100%;width:auto;max-width:100%;aspect-ratio:16 / 9;background:#000;border:1px solid var(--border-strong);border-radius:var(--radius-md);overflow:hidden}.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;text-decoration:none;cursor:pointer}.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)}}.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:28px;height:24px;padding:0;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--surface2);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;transition:color .12s,border-color .12s,background .12s}.safe-toggle:hover{color:var(--text)}.safe-toggle.on{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.safe-toggle svg{display:block}.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}.op-main.mon-popped{flex-direction:row;align-items:flex-start;gap:14px}.op-main.mon-popped>.panel{flex:1;min-width:0}.op-main.mon-popped .mon-region-wrap.popped{width:220px;flex:none;position:sticky;top:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:6px}.mon-region-wrap.popped .wall-bar{padding:0 2px 6px;gap:6px;flex-wrap:wrap}.mon-region-wrap.popped .wall-bar .directlive-badge{font-size:9px}.mon-region-wrap.popped .wall-bar .mode-toggle button{padding:3px 6px;font-size:10px}.mon-region-wrap.popped .popout-btn{font-size:10px;padding:3px 6px}.mon-region-wrap.popped .mon-region{border-radius:var(--radius-sm);border:1px solid var(--border);background:#06090f}.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-autohide{font-size:8.5px;letter-spacing:.04em;text-transform:uppercase;font-weight:600;padding:2px 6px;border-radius:999px;cursor:pointer;line-height:1;border:1px solid var(--border);background:var(--surface2);color:var(--text-faint)}.ctrl-autohide.on{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.btn-hideall{display:inline-flex;align-items:center;gap:5px}.btn-hideall:disabled{opacity:.4;cursor:default}.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:disabled{opacity:.4;cursor:not-allowed;background:var(--surface2);color:var(--text-dim)}.cbtn:disabled:hover{background:var(--surface2)}.cbtn.on-show{background:var(--green);color:#04120a;border-color:var(--green)}.tpl-thumb{position:relative;width:100%;height:100%;overflow:hidden}.tpl-thumb>div{will-change:transform}.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}.ctrl-drawer-foot{margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.btn-designer{background:var(--accent-dim);border:1px solid var(--accent);color:var(--text);font-weight:600}.btn-designer:hover{background:var(--accent)}.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}.fld-feed,input.fld-feed,select.fld-feed{font-style:italic;color:var(--blue, #3b9eff);border-color:color-mix(in srgb,var(--blue, #3b9eff) 45%,var(--border))}.fld-pinned,input.fld-pinned,select.fld-pinned{color:var(--amber, #f5a623);font-style:normal;font-weight:700;border-color:color-mix(in srgb,var(--amber, #f5a623) 55%,var(--border))}.score-step.fld-feed .val{color:var(--blue, #3b9eff);font-style:italic}.score-step.fld-pinned .val{color:var(--amber, #f5a623);font-weight:800}.fld-revert{flex:none;width:22px;height:22px;border-radius:6px;border:1px solid color-mix(in srgb,var(--amber, #f5a623) 55%,var(--border));background:color-mix(in srgb,var(--amber, #f5a623) 14%,transparent);color:var(--amber, #f5a623);font-size:13px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.fld-revert:hover{background:color-mix(in srgb,var(--amber, #f5a623) 26%,transparent)}.fld-tag{font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:1px 5px;border-radius:999px;margin-left:6px;vertical-align:middle}.fld-tag.feed{color:var(--blue, #3b9eff);background:color-mix(in srgb,var(--blue, #3b9eff) 16%,transparent)}.fld-tag.pin{color:var(--amber, #f5a623);background:color-mix(in srgb,var(--amber, #f5a623) 18%,transparent)}.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}.readonly-banner{position:fixed;top:0;left:0;right:0;z-index:60;background:#8a6d00;color:#fff;display:flex;align-items:center;justify-content:center;gap:14px;padding:6px;font-weight:700;font-size:13px}.readonly-banner .btn{white-space:nowrap}.op-source-btn{display:inline-flex;align-items:center;gap:6px}.op-source-btn.on,.top-link.active{color:var(--accent);border-color:var(--accent)}.msc{display:none!important}body.msc-open .msc{display:block!important;position:fixed!important;top:104px!important;right:32px!important;bottom:auto!important;left:auto!important;z-index:1200!important}.proc-nav{display:flex;align-items:center;gap:10px;min-width:0}@media (max-width: 740px){.op-nav-row,.op-tools-row,.dsn-top,.dsn-tools-strip,.pb-nav-row,.pb-tools-row{height:auto;min-height:44px;padding:6px 10px;gap:8px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.op-nav-row::-webkit-scrollbar,.op-tools-row::-webkit-scrollbar,.dsn-top::-webkit-scrollbar,.dsn-tools-strip::-webkit-scrollbar,.pb-nav-row::-webkit-scrollbar,.pb-tools-row::-webkit-scrollbar{height:0}.proc-nav{overflow-x:auto;-webkit-overflow-scrolling:touch;gap:6px}.proc-nav::-webkit-scrollbar{height:0}.top-link{height:30px;padding:0 9px;font-size:11px;flex:none;white-space:nowrap}.top-spacer{flex:0 0 4px}.brand{flex:none}.top-util .top-textbtn,.health-chip{display:none}.top-select,.pb-name,.dsn-top .top-select{max-width:150px}.pb-main{padding:14px}.src-grid{grid-template-columns:1fr}}@media (max-width: 760px){.op-shell,.op-shell.rail-open{grid-template-columns:1fr!important}.op-rail{position:fixed;top:98px;bottom:0;right:0;z-index:60;width:min(86vw,320px);transform:translate(100%);transition:transform .18s ease;box-shadow:-8px 0 24px #00000080}.op-shell.rail-open .op-rail{transform:translate(0)}.rail-tab{right:0!important}.op-shell.rail-open .rail-tab{right:min(86vw,320px)!important}.monitor-wall,.monitor-wall.dual{grid-template-columns:1fr!important}.op-main{padding:10px}.op-main.mon-popped{flex-direction:column}.dsn-shell{grid-template-columns:1fr!important;grid-template-areas:"top" "tools" "main" "anim"!important}.dsn-left,.dsn-right{position:fixed;top:98px;bottom:0;z-index:60;width:min(86vw,300px);transition:transform .18s ease;box-shadow:0 0 24px #0000008c}.dsn-left{left:0;border-right:1px solid var(--border-strong);transform:translate(-100%)}.dsn-right{right:0;border-left:1px solid var(--border-strong);transform:translate(100%)}.dsn-shell.left-open .dsn-left,.dsn-shell.right-open .dsn-right{transform:translate(0)}}.top-pianola{height:36px;display:inline-flex;align-items:center;gap:6px;padding:0 13px;font-size:12px;font-weight:700;white-space:nowrap;border-radius:8px;border:1px solid var(--border-strong);background:var(--surface2);color:var(--text);cursor:pointer}.top-pianola:hover{border-color:var(--accent);color:var(--accent)}.top-pianola.on{background:linear-gradient(180deg,#1c2b1c,#16331f);border-color:var(--green,#22c55e);color:#b9f5cb;box-shadow:0 0 0 1px #22c55e40;animation:pianolaPulse 1.6s ease-in-out infinite}@keyframes pianolaPulse{0%,to{box-shadow:0 0 0 1px #22c55e40}50%{box-shadow:0 0 0 3px #22c55e2e}}.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-section-head{margin-bottom:14px}.pb-section-head.edge{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-top:34px;padding-top:22px;border-top:1px solid var(--border)}.pb-section-title{font-size:17px;font-weight:700;margin:0 0 4px;color:var(--text);letter-spacing:.01em}.pb-section-sub{color:var(--text-dim);font-size:13px;margin:0;line-height:1.5;max-width:72ch}.pb-section-actions{display:flex;align-items:center;gap:10px;flex:none;padding-top:2px}.pb-add-variant{margin-top:8px}.src-grid{display:grid;grid-template-columns:minmax(320px,380px) 1fr;gap:16px;align-items:start}.src-screen{width:100%;border-radius:var(--radius-lg);overflow:hidden;background:#000}@media (max-width: 880px){.src-grid{grid-template-columns:1fr}}.src-hls{display:flex;flex-direction:column;gap:12px}.src-hls-list{display:flex;flex-direction:column;gap:8px}.src-hls-empty{color:var(--text-faint);font-size:13px;padding:10px 12px;border:1px dashed var(--border-strong);border-radius:var(--radius-md)}.src-hls-row{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.src-hls-row.on{border-color:var(--green, #22c55e)}.src-hls-row.onair{border-color:var(--green, #22c55e);box-shadow:0 0 0 1px #22c55e4d;background:#22c55e0f}.src-hls-row .nm{font-weight:700;font-size:14px;display:flex;align-items:center;gap:8px;min-width:220px}.src-hls-row .tag{font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint);background:var(--surface2);border:1px solid var(--border-strong);border-radius:999px;padding:2px 8px}.src-hls-row .tag.live{color:#b9f5cb;border-color:var(--green, #22c55e);background:#22c55e24}.src-hls-row .tag.tc{color:#cfe0ff;border-color:var(--blue, #3b9eff)}.src-hls-row .src-hls-from{flex:1;font-family:var(--font-mono);font-size:11px;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.src-hls-start{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px 14px}.src-hls-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:8px}.src-hls-form .select{flex:1;min-width:200px}.src-hls-form .input{flex:1;min-width:160px}.src-hls-tc{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-dim);white-space:nowrap}.src-hls-row.onair{border-color:var(--green,#22c55e);box-shadow:0 0 0 1px #22c55e80,0 0 24px #22c55e38;background:#22c55e1a}.src-hls-row.lightblue{border-color:#7cc4ff;background:#7cc4ff0d}.src-hls-row.lightblue .tag{color:#dbeeff;border-color:#7cc4ff;background:#7cc4ff1f}.tag.onair-badge{color:#04210f!important;background:var(--green,#22c55e);border-color:var(--green,#22c55e)!important;font-weight:800}.btn-lightblue{background:#7cc4ff24;border-color:#7cc4ff;color:#e6f3ff}.btn-lightblue:hover{background:#7cc4ff42;border-color:#9ad3ff}.btn-onair{background:var(--green,#22c55e);border-color:var(--green,#22c55e);color:#04210f;font-weight:800}.src-screen.onair{box-shadow:0 0 0 2px var(--green,#22c55e),0 0 26px #22c55e4d}.src-screen.lightblue{box-shadow:0 0 0 2px #7cc4ff,0 0 20px #7cc4ff33}.onair-pill{color:#04210f;background:var(--green,#22c55e);border-radius:999px;padding:3px 11px;font-weight:800;font-size:11px;letter-spacing:.04em}.idle-pill{color:#dbeeff;background:#7cc4ff24;border:1px solid #7cc4ff;border-radius:999px;padding:3px 11px;font-weight:700;font-size:11px}.src-monitor-frame{width:100%;height:560px;border:1px solid var(--border);border-radius:var(--radius-lg);background:#0b0e13;display:block}.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}.adm-shell{min-height:100vh;background:var(--bg);display:flex;flex-direction:column}.adm-main{max-width:1080px;width:100%;margin:0 auto;padding:24px 22px}.adm-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.adm-head h1{font-size:20px;font-weight:800;margin:0}.adm-sub{font-size:13px;color:var(--text-dim);margin:4px 0 0}.adm-sub code,.mono{font-family:var(--font-mono);font-size:12px}.adm-err{background:var(--red-dim);border:1px solid var(--red);color:#ffc4c8;font-size:13px;padding:10px 12px;border-radius:var(--radius-md);margin-bottom:14px}.adm-empty{color:var(--text-dim);font-size:14px;padding:40px 0;text-align:center}.adm-table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.adm-table th{text-align:left;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);padding:11px 14px;border-bottom:1px solid var(--border)}.adm-table td{font-size:13px;padding:11px 14px;border-bottom:1px solid var(--border);color:var(--text)}.adm-table tr:last-child td{border-bottom:none}.adm-table tr:hover td{background:var(--surface2)}.adm-table .dim{color:var(--text-faint)}.adm-del{color:#ffb4b9;border-color:#5a2b39}.adm-del:hover{background:#2a1b22}.adm-foot{font-size:11px;color:var(--text-faint);margin-top:14px;line-height:1.5}.edge-page{min-height:100vh;background:var(--bg);display:flex;flex-direction:column}.edge-badge{font-size:11px;font-weight:700;color:var(--accent);background:var(--accent-dim);border:1px solid var(--accent);border-radius:var(--radius-pill);padding:4px 11px}.edge-main{max-width:1180px;width:100%;margin:0 auto;padding:18px 22px}.edge-controls{display:flex;align-items:flex-end;gap:14px;margin-bottom:14px;flex-wrap:wrap}.edge-field{display:flex;flex-direction:column;gap:6px;min-width:280px}.edge-field span{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim)}.edge-readout{margin-left:auto;font-size:12px;color:var(--text-dim);background:var(--surface2);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:8px 12px}.edge-stage{position:relative;width:100%;aspect-ratio:16 / 9;background:#05070b;border:1px solid var(--border-strong);border-radius:var(--radius-lg);overflow:hidden}.edge-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;background:#000}.edge-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.edge-status{font-size:13px;color:var(--text-dim);margin:12px 0 4px}.edge-note{font-size:11.5px;color:var(--text-faint);line-height:1.6;margin:0}.edge-note code{font-family:var(--font-mono);color:var(--text-dim)}