:root{
  --chrome:#e8e8e8;--chrome2:#f7f7f7;--line:#9c9c9c;--line-dark:#6f6f6f;--text:#111;--muted:#606060;
  --spl-blue:#0855c7;--spl-red:#e71825;--out:#ff6262;--vt:#00ef30;--in:#fff200;--select:#0587c8;
  --panel:#f4f4f4;--white:#fff;--shadow:0 6px 24px rgba(0,0,0,.14);--danger:#d5202d;--good:#07843c;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Segoe UI",Tahoma,Arial,sans-serif;background:#d7d7d7;color:var(--text);font-size:14px}button,input,select{font:inherit}.hidden{display:none!important}button{cursor:pointer}.app-shell{min-height:100vh}
.login-view{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(#efefef,#cfcfcf)}.spl-window{background:#eee;border:1px solid #767676;box-shadow:var(--shadow)}.window-title{min-height:30px;padding:5px 9px;background:linear-gradient(#fafafa,#d9d9d9);border-bottom:1px solid #9b9b9b;font-weight:600;display:flex;align-items:center;gap:7px}.mini-app-icon{width:18px;height:18px;display:grid;place-items:center;border:1px solid #176700;background:#29a31d;color:#fff;font-size:11px;font-weight:900}.login-window{width:min(430px,100%)}.login-body{padding:28px}.login-body>p{color:#5d5d5d;margin:8px 0 24px}.spl-brand{display:flex;align-items:baseline;font-style:italic;font-weight:800;letter-spacing:-1.3px;font-size:28px;text-shadow:0 1px #fff}.spl-brand.small{font-size:22px}.spl-brand strong{margin-left:8px;color:#222;font-style:normal;font-size:.72em;letter-spacing:0}.spl-blue{color:var(--spl-blue)}.spl-red{color:var(--spl-red)}
.app-header{position:sticky;top:0;z-index:30;background:#f0f0f0;border-bottom:1px solid #878787}.brand-row{height:54px;display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:#fff}.station-tools{display:flex;align-items:center;gap:16px}.compact-label{display:flex;align-items:center;gap:7px;font-weight:600}.bridge-state{font-size:12px;color:#5f5f5f;white-space:nowrap}.menu-strip{display:flex;align-items:center;min-height:33px;padding:0 6px;background:linear-gradient(#f9f9f9,#dedede);border-top:1px solid #c5c5c5}.menu-btn{border:0;border-right:1px solid #c2c2c2;background:transparent;padding:7px 11px;color:#222}.menu-btn:hover,.menu-btn.active{background:#fff;color:#00579d}.menu-spacer{flex:1}
main{padding:8px}.app-view{max-width:1700px;margin:0 auto}.vt-status-stack{border:1px solid #818181;background:#fff;margin-bottom:7px}.status-row{height:28px;display:grid;grid-template-columns:145px 1fr;align-items:center;border-bottom:1px solid rgba(0,0,0,.12);font-weight:700}.status-row:last-child{border-bottom:0}.status-row span{padding:0 10px;font-size:12px}.status-row strong{padding:0 10px;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-out{background:var(--out)}.status-vt{background:var(--vt)}.status-in{background:var(--in)}
.toolbar-row,.page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:7px 0}.date-nav,.library-tools{display:flex;align-items:center;gap:5px}.toolbar-info{font-weight:600;color:#3f3f3f}.spl-btn{min-height:30px;border:1px solid #878787;border-radius:2px;padding:4px 12px;background:linear-gradient(#fff,#d9d9d9);box-shadow:inset 1px 1px #fff;color:#161616;font-weight:600}.spl-btn:hover:not(:disabled){background:linear-gradient(#fff,#ececec);border-color:#5b5b5b}.spl-btn:active:not(:disabled){background:#d6d6d6;box-shadow:inset 1px 1px 2px #8a8a8a}.spl-btn:disabled{opacity:.45;cursor:not-allowed}.spl-btn.primary{background:linear-gradient(#f8f8f8,#cfdbe8);border-color:#56738f}.spl-btn.record{background:linear-gradient(#fff,#e1e1e1);color:#b50812}.spl-btn.record.live{background:#ffb4b4}.spl-btn.start-next{color:#116916}.spl-btn.stop{color:#be0712}.spl-btn.square{width:34px;padding:0}.toolbar-row input,.compact-label select,.library-tools input,.device-row select,.form-grid input,.form-grid select,.library-form input{height:31px;border:1px solid #8d8d8d;background:#fff;color:#111;padding:4px 7px;border-radius:0}.compact-label select{min-width:190px}
.workspace-grid{display:grid;grid-template-columns:minmax(350px,.78fr) minmax(620px,1.5fr);gap:8px}.spl-panel{background:var(--panel);border:1px solid #8e8e8e;box-shadow:0 1px 3px rgba(0,0,0,.08);min-height:0}.panel-caption{height:27px;display:flex;align-items:center;padding:0 8px;background:linear-gradient(#fdfdfd,#d8d8d8);border-bottom:1px solid #8d8d8d;font-weight:700}.schedule-panel{height:calc(100vh - 185px);display:flex;flex-direction:column}.log-header{display:grid;grid-template-columns:74px 1fr 96px;background:#eee;border-bottom:1px solid #aaa;font-size:12px;font-weight:700}.log-header span{padding:5px 7px;border-right:1px solid #c8c8c8}.slot-list{overflow:auto;flex:1;background:#fff}.slot{display:grid;grid-template-columns:74px 1fr 96px;align-items:stretch;border-bottom:1px solid #e5e5e5;min-height:46px;cursor:pointer}.slot>div,.slot>span{padding:6px 7px;border-right:1px solid #ececec}.slot:hover{background:#eff7fd}.slot.active{background:var(--select);color:#fff}.slot-time{font-weight:800;font-variant-numeric:tabular-nums}.slot-copy{min-width:0}.slot-copy strong,.slot-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-copy span{font-size:12px;color:#4f4f4f;margin-top:2px}.slot.active .slot-copy span{color:#e8f7ff}.slot-badge{font-size:11px;display:flex;align-items:center;justify-content:center;text-align:center}.slot-badge.delivered{color:#087a31;font-weight:700}.slot.active .slot-badge{color:#fff}.slot-badge.error{color:#c81420}.empty-list{padding:18px;color:#666;text-align:center}
.tracker-panel{min-height:calc(100vh - 185px);background:#efefef}.tracker-titlebar{height:33px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;background:#fff;border-bottom:1px solid #a4a4a4}.tracker-titlebar strong{font-size:17px}.status-pill{padding:3px 8px;border:1px solid #8d8d8d;background:#eee;font-size:11px}.empty-state{height:calc(100vh - 215px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#555}.empty-state h2{margin:8px 0 4px;color:#222}.empty-state p{margin:0;max-width:460px}.mic-symbol{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#d8d8d8;border:1px solid #8b8b8b;color:#d6131e;font-size:24px}
.wave-lane{margin:7px;border:1px solid #888;background:#fff}.lane-head{display:grid;grid-template-columns:140px 1fr 34px;align-items:center;min-height:29px;border-bottom:1px solid rgba(0,0,0,.2);font-weight:700}.lane-head span,.lane-head strong{padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lane-head span{font-size:11px}.lane-out .lane-head{background:var(--out)}.lane-vt .lane-head{background:var(--vt)}.lane-in .lane-head{background:var(--in)}.mini-media{width:28px;height:23px;padding:0;border:1px solid #727272;background:#f6f6f6;color:#111}.wave-canvas{width:100%;height:86px;display:block;background:#181818}.lane-meta{display:flex;justify-content:space-between;gap:12px;padding:4px 8px;background:#f5f5f5;border-top:1px solid #aaa;font-size:12px;color:#333}.record-status-line{display:flex;align-items:center;gap:8px;padding:4px 8px;background:#f5f5f5;border-top:1px solid #aaa;font-size:12px}.record-status-line span:last-child{margin-left:auto;font-variant-numeric:tabular-nums}.record-dot{width:10px;height:10px;border-radius:50%;background:#9e9e9e;border:1px solid #666}.record-dot.live{background:#ed101b;box-shadow:0 0 0 3px rgba(237,16,27,.17)}.recorder-controls{margin:7px;padding:8px;border:1px solid #969696;background:#dedede}.meter-wrap{border:1px solid #777;background:#111}.meter-wrap canvas{display:block;width:100%;height:42px}.record-actions{display:flex;justify-content:center;gap:8px;margin-top:8px}.device-row{display:flex;justify-content:flex-end;align-items:end;gap:6px;margin-top:8px}.device-row label{display:flex;align-items:center;gap:6px;font-size:12px}.device-row select{min-width:250px}.preview-card{margin:7px;padding:8px;border:1px solid #8c8c8c;background:#f7f7f7}.preview-actions{display:flex;justify-content:flex-end;gap:8px}.upload-message{margin-top:6px;font-size:12px;color:#444}
.page-toolbar{padding:5px 3px 8px}.page-toolbar h1{font-size:22px;margin:0}.page-toolbar p{margin:3px 0 0;color:#555}.library-tools input{width:min(340px,42vw)}.library-layout{display:grid;grid-template-columns:minmax(520px,1.2fr) minmax(410px,.8fr);gap:8px}.library-list-panel,.editor-panel{height:calc(100vh - 145px);display:flex;flex-direction:column}.library-meta{padding:7px 9px;background:#fff;border-bottom:1px solid #bbb;color:#555;font-size:12px}.library-list{flex:1;overflow:auto;background:#fff}.library-row{display:grid;grid-template-columns:48px minmax(150px,.8fr) minmax(180px,1fr) 80px 80px 76px;align-items:center;border-bottom:1px solid #e1e1e1;min-height:49px;cursor:pointer}.library-row:hover{background:#f1f8fd}.library-row.active{background:#0788c9;color:#fff}.library-row>div{padding:5px 7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-thumb{width:38px;height:38px;object-fit:cover;border:1px solid #aaa;background:#ddd}.library-row .muted{font-size:11px;color:#666}.library-row.active .muted{color:#e8f8ff}.edit-chip{font-size:10px;padding:2px 4px;border:1px solid #aaa;background:#eee;color:#333}.edit-chip.ready{background:#fff2a4}.edit-chip.error{background:#ffd4d4;color:#a30000}.pager{display:flex;align-items:center;justify-content:space-between;padding:6px;border-top:1px solid #aaa;background:#e5e5e5}.empty-editor{padding:30px;text-align:center;color:#666}.library-form{padding:12px;overflow:auto;display:grid;gap:10px}.library-form label{display:grid;gap:4px;font-size:12px;font-weight:600}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:8px}.art-editor{display:grid;grid-template-columns:132px 1fr;gap:12px;align-items:start}.art-editor img{width:132px;height:132px;object-fit:cover;background:#d7d7d7;border:1px solid #777}.art-editor small{display:block;margin-top:7px;color:#666}.edit-status{min-height:24px;padding:5px 7px;background:#fff;border:1px solid #bbb;color:#555;font-size:12px}
.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.admin-grid>.spl-panel{min-height:calc(100vh - 145px)}.admin-actions{padding:7px;border-bottom:1px solid #aaa}.admin-table{background:#fff}.admin-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:8px;border-bottom:1px solid #e1e1e1}.admin-row strong,.admin-row span{display:block}.admin-row span{font-size:12px;color:#5c5c5c;margin-top:2px}.admin-row .row-actions{display:flex;gap:5px}
.drawer{position:fixed;top:0;right:0;width:min(440px,94vw);height:100vh;background:#ececec;border-left:1px solid #777;z-index:70;box-shadow:-8px 0 30px rgba(0,0,0,.25)}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:8px;background:linear-gradient(#fff,#dadada);border-bottom:1px solid #888}.saved-list{padding:8px;overflow:auto;height:calc(100vh - 48px)}.saved-item{padding:9px;background:#fff;border:1px solid #bbb;margin-bottom:6px}.saved-item strong,.saved-item span{display:block}.saved-item span{font-size:12px;color:#555;margin-top:3px}.saved-status{float:right;text-transform:uppercase;font-weight:700;color:#08752d!important}.shade,.modal-shade{position:fixed;inset:0;background:rgba(0,0,0,.38);z-index:60}.modal-shade{z-index:90;display:grid;place-items:center;padding:20px}.modal-card{width:min(520px,96vw);max-height:92vh;overflow:auto;background:#eee}.wide-modal{width:min(720px,96vw)}.form-grid{padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-grid.one-col{grid-template-columns:1fr}.form-grid label{display:grid;gap:4px;font-size:12px;font-weight:600}.form-error{color:#b1000a;min-height:18px}.form-message{color:#505050;min-height:18px}.full-field{grid-column:1/-1}.modal-actions{display:flex;justify-content:flex-end;gap:7px}.field-title{font-size:12px;font-weight:700;display:block;margin-bottom:5px}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#fff;border:1px solid #aaa;padding:8px;max-height:160px;overflow:auto}.check-line{display:flex!important;align-items:center;gap:6px!important}.check-line input{width:auto;height:auto}.token-box{padding:10px;margin:10px 14px;background:#fff;border:1px solid #777;word-break:break-all;font-family:Consolas,monospace;user-select:all}
@media(max-width:980px){.workspace-grid,.library-layout,.admin-grid{grid-template-columns:1fr}.schedule-panel{height:430px}.tracker-panel{min-height:auto}.library-list-panel{height:500px}.editor-panel{height:auto}.admin-grid>.spl-panel{min-height:auto}.brand-row{height:auto;min-height:54px;gap:8px;align-items:flex-start}.station-tools{flex-direction:column;align-items:flex-end;gap:4px}.menu-strip{overflow-x:auto}.menu-spacer{min-width:10px}.wave-canvas{height:76px}}
@media(max-width:650px){main{padding:5px}.brand-row{flex-direction:column}.station-tools{width:100%;align-items:stretch}.compact-label{justify-content:space-between}.compact-label select{min-width:0;flex:1}.bridge-state{white-space:normal}.status-row{grid-template-columns:105px 1fr}.status-row strong{font-size:13px}.toolbar-row,.page-toolbar{align-items:stretch;flex-direction:column}.library-tools{display:grid;grid-template-columns:1fr auto}.library-tools input{width:100%;grid-column:1/-1}.workspace-grid{display:block}.schedule-panel{height:360px;margin-bottom:6px}.lane-head{grid-template-columns:105px 1fr 32px}.lane-head strong{font-size:12px}.record-actions{display:grid;grid-template-columns:1fr 1fr}.record-actions .record{grid-column:1/-1}.device-row{align-items:stretch;flex-direction:column}.device-row label{display:grid}.device-row select{min-width:0;width:100%}.library-row{grid-template-columns:42px 1fr 76px}.library-row .hide-mobile{display:none}.two-col,.art-editor,.form-grid{grid-template-columns:1fr}.full-field{grid-column:1}.check-grid{grid-template-columns:1fr}.menu-btn{padding:7px 9px;white-space:nowrap}.spl-brand.small{font-size:20px}.library-list-panel{height:440px}}