@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--accent: #3B82F6;--accent2: #2563EB;--green: #34D399;--teal: #5EEAD4;--cyan: #60A5FA;--pink: #EC4899;--red: #EF4444;--bg-base: #0C0F1A;--bg-surface: #12162A;--bg-raised: #1A1F38;--bg-overlay: #222847;--border: rgba(255,255,255,.07);--border-strong: rgba(255,255,255,.12);--text-primary: #F0F2F8;--text-secondary: #8B95B0;--text-muted: #5C6580;--danger: #EF4444;--success: #10B981;--warning: #F59E0B;--font: "Inter", system-ui, -apple-system, sans-serif;--radius: 10px;--radius-sm: 6px;--radius-lg: 14px;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 8px 32px rgba(0,0,0,.5);--dark: var(--bg-base);--dark2: var(--bg-surface);--dark3: var(--bg-raised);--light: var(--text-primary);--muted: var(--text-secondary)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}a{color:inherit;text-decoration:none}input,select,textarea,button{font-family:var(--font)}.app-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:230px;background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;transition:width .25s cubic-bezier(.4,0,.2,1)}.sidebar.closed{width:56px}.sidebar-nav{flex:1;padding:.5rem 0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--bg-raised) transparent}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--bg-raised);border-radius:2px}.nav-link{display:flex;align-items:center;gap:.6rem;padding:.55rem 1rem;color:var(--text-secondary);font-size:.82rem;font-weight:500;border-radius:0;transition:all .15s ease;border-left:3px solid transparent;margin:0}.nav-link:hover{background:#ffffff0a;color:var(--text-primary)}.nav-link.active{background:#3b82f61f;color:#fff;border-left-color:var(--accent);font-weight:600}.nav-group-label{font-size:.62rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;padding:1rem 1rem .35rem;margin-top:0;border-top:1px solid var(--border);-webkit-user-select:none;user-select:none}.nav-group-label:first-child{border-top:none}.sidebar-footer{padding:.75rem;border-top:1px solid var(--border);background:#00000026}.user-info{display:flex;flex-direction:column;margin-bottom:.5rem}.user-name{font-size:.82rem;font-weight:600;color:var(--text-primary)}.user-role{font-size:.72rem;color:var(--text-muted);text-transform:capitalize}.btn-logout{background:transparent;border:1px solid var(--border-strong);color:var(--text-secondary);padding:.4rem .75rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.78rem;font-weight:500;width:100%;transition:all .15s}.btn-logout:hover{border-color:var(--accent);color:var(--accent);background:#3b82f60f}.main-wrap{flex:1;display:flex;flex-direction:column;overflow:hidden}.top-bar{background:var(--bg-surface);border-bottom:1px solid var(--border);padding:0 1.25rem;height:56px;flex-shrink:0;display:flex;align-items:center;gap:1rem;box-shadow:0 1px 4px #0003}.top-bar-left{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.top-bar-logo{height:32px;width:auto}.top-bar-station-logo{height:28px;width:auto;margin-left:.25rem;opacity:.9}.app-brand{font-size:.9rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em;white-space:nowrap}.sidebar-toggle{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.1rem;padding:.35rem;border-radius:var(--radius-sm);transition:all .15s}.sidebar-toggle:hover{color:var(--accent);background:#3b82f614}.page-content{flex:1;overflow-y:auto;padding:1.5rem;scrollbar-width:thin}.page-content::-webkit-scrollbar{width:6px}.page-content::-webkit-scrollbar-thumb{background:var(--bg-raised);border-radius:3px}.now-playing{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.now-playing.empty{color:var(--text-muted);font-size:.82rem}.np-badge{background:var(--accent);color:#fff;font-size:.62rem;font-weight:800;padding:.2rem .5rem;border-radius:4px;letter-spacing:.08em;flex-shrink:0;text-transform:uppercase}.np-info{display:flex;flex-direction:column;min-width:0}.np-title{font-weight:600;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.np-artist{font-size:.72rem;color:var(--text-secondary)}.np-progress{width:100px;height:3px;background:var(--bg-raised);border-radius:2px;flex-shrink:0}.np-bar{height:100%;background:linear-gradient(90deg,var(--accent),var(--green));border-radius:2px;transition:width 1s linear}.np-next{font-size:.72rem;color:var(--text-muted);white-space:nowrap}.page{max-width:1200px}.page-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.page-header h1{font-size:1.35rem;font-weight:800;flex:1;letter-spacing:-.02em}.date-badge{font-size:.82rem;color:var(--text-secondary)}.header-actions{display:flex;gap:.5rem;align-items:center}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border:none;padding:.55rem 1.15rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;font-size:.82rem;transition:all .2s;box-shadow:0 2px 8px #3b82f640}.btn-primary:hover{box-shadow:0 4px 16px #3b82f659;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.btn-outline{background:transparent;border:1px solid var(--accent);color:var(--accent);padding:.55rem 1.15rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;font-size:.82rem;transition:all .15s}.btn-outline:hover{background:#3b82f61a}.btn-sm{padding:.3rem .7rem;font-size:.78rem}.btn-icon{background:var(--bg-raised);border:1px solid var(--border-strong);color:var(--text-secondary);padding:.3rem .55rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.82rem;transition:all .15s}.btn-icon.danger{border-color:#ef44444d;color:var(--red)}.btn-icon:hover{background:var(--bg-overlay);color:var(--text-primary)}.btn-danger{background:var(--danger);color:#fff;border:none;padding:.55rem 1.15rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer}.field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.75rem}.field label{font-size:.72rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.field input,.field select,.field textarea{background:var(--bg-raised);border:1px solid var(--border-strong);color:var(--text-primary);padding:.55rem .8rem;border-radius:var(--radius-sm);font-size:.85rem;outline:none;transition:border-color .2s,box-shadow .2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f626}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.search-input{background:var(--bg-raised);border:1px solid var(--border-strong);color:var(--text-primary);padding:.5rem .8rem;border-radius:var(--radius-sm);font-size:.82rem;outline:none;min-width:200px;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61f}.select-input,.date-input{background:var(--bg-raised);border:1px solid var(--border-strong);color:var(--text-primary);padding:.5rem .8rem;border-radius:var(--radius-sm);font-size:.82rem}.toolbar{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.cms-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem}.cms-card h2{font-size:.95rem;font-weight:700;margin-bottom:1rem;color:var(--accent)}.modal-actions{display:flex;gap:.75rem;margin-top:1rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-bottom:1.5rem}.stat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.15rem;text-align:center;transition:transform .15s,box-shadow .15s}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-icon{font-size:1.4rem;margin-bottom:.4rem}.stat-value{font-size:1.7rem;font-weight:800;color:var(--accent);letter-spacing:-.02em}.stat-label{font-size:.72rem;color:var(--text-muted);margin-top:.2rem;font-weight:500}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.dash-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.15rem}.dash-card h2{font-size:.85rem;font-weight:700;color:var(--text-secondary);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.06em}.view-all{display:block;margin-top:.75rem;font-size:.78rem;color:var(--accent);font-weight:500}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.quick-btn{display:flex;align-items:center;justify-content:center;padding:.85rem;border-radius:var(--radius-sm);font-weight:600;font-size:.82rem;cursor:pointer;border:none;transition:all .15s}.quick-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.quick-btn.pink{background:var(--accent);color:#fff}.quick-btn.cyan{background:var(--cyan);color:var(--bg-base)}.quick-btn.green{background:var(--green);color:var(--bg-base)}.quick-btn.grey{background:var(--bg-raised);color:var(--text-primary);border:1px solid var(--border-strong)}.log-list{display:flex;flex-direction:column;gap:.3rem}.log-item{display:flex;align-items:center;gap:.5rem;font-size:.78rem;padding:.35rem 0;border-bottom:1px solid var(--border)}.log-title{flex:1;font-weight:600}.log-artist{color:var(--text-secondary)}.log-time{color:var(--text-muted);font-size:.72rem;flex-shrink:0}.media-table-wrap,.log-table-wrap,.users-table-wrap{overflow-x:auto}.media-table,.log-table{width:100%;border-collapse:collapse;font-size:.82rem}.media-table th,.log-table th{text-align:left;padding:.55rem .75rem;border-bottom:1px solid var(--border-strong);color:var(--text-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;font-weight:600}.media-table td,.log-table td{padding:.55rem .75rem;border-bottom:1px solid var(--border)}.media-table tr:hover td,.log-table tr:hover td{background:#ffffff05}.actions{display:flex;gap:.35rem}.mono{font-family:SF Mono,Fira Code,monospace}.inactive td{opacity:.4}.cat-badge{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:4px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.cat-music{background:#3b82f626;color:#60a5fa}.cat-jingle{background:#34d39926;color:#34d399}.cat-advert{background:#ec489926;color:#ec4899}.cat-news{background:#facc1526;color:#facc15}.cat-promo{background:#a855f726;color:#a855f7}.cat-bed{background:#60a5fa1f;color:#60a5fa}.cat-id{background:#fb923c26;color:#fb923c}.cat-sweeper{background:#34d3991f;color:#34d399}.source-badge{display:inline-block;padding:.15rem .5rem;border-radius:4px;font-size:.68rem;font-weight:700}.source-badge.automation{background:#3b82f626;color:var(--accent)}.source-badge.live{background:#ec489926;color:var(--pink)}.role-badge{display:inline-block;padding:.15rem .5rem;border-radius:4px;font-size:.68rem;font-weight:700;text-transform:uppercase}.role-admin{background:#3b82f626;color:#60a5fa}.role-producer{background:#60a5fa26;color:#60a5fa}.role-presenter{background:#34d39926;color:#34d399}.badge{display:inline-block;padding:.15rem .5rem;border-radius:4px;font-size:.68rem;font-weight:700;text-transform:uppercase}.badge-blue{background:#3b82f626;color:#60a5fa}.badge-cyan{background:#60a5fa26;color:#60a5fa}.badge-green{background:#34d39926;color:#34d399}.badge-yellow{background:#facc1526;color:#facc15}.badge-red{background:#ef444426;color:#ef4444}.badge-purple{background:#a855f726;color:#a855f7}.cartwall{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.6rem;margin-top:1rem}.cart-btn{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.85rem;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;transition:all .15s;text-align:left}.cart-btn:hover{border-color:var(--accent);background:#3b82f60a;transform:translateY(-1px)}.cart-btn.playing{border-color:var(--pink);background:#ec489914}.cart-btn.cat-jingle{border-left:3px solid var(--green)}.cart-btn.cat-id{border-left:3px solid #FB923C}.cart-btn.cat-sweeper{border-left:3px solid #34D399}.cart-btn.cat-bed{border-left:3px solid #60A5FA}.cart-btn.cat-promo{border-left:3px solid #A855F7}.cart-icon{font-size:1.1rem}.cart-title{font-weight:700;font-size:.82rem;line-height:1.2}.cart-duration{font-size:.72rem;color:var(--text-muted);font-family:SF Mono,monospace}.cart-cat{font-size:.68rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.cartwall-controls{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.filter-tabs{display:flex;gap:.3rem;flex-wrap:wrap}.filter-tabs button{background:var(--bg-raised);border:1px solid var(--border-strong);color:var(--text-secondary);padding:.3rem .6rem;border-radius:20px;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .15s}.filter-tabs button:hover{background:var(--bg-overlay)}.filter-tabs button.active{background:var(--accent);border-color:var(--accent);color:#fff}.live-controls{margin-left:auto}.btn-live{background:transparent;border:2px solid var(--green);color:var(--green);padding:.55rem 1.15rem;border-radius:var(--radius-sm);font-weight:700;cursor:pointer;font-size:.82rem;transition:all .2s}.btn-live.on-air{background:var(--red);border-color:var(--red);color:#fff;animation:pulse-live 1.5s ease-in-out infinite}@keyframes pulse-live{0%,to{box-shadow:0 0 #ef444459}50%{box-shadow:0 0 0 8px #ef444400}}.live-banner{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--red);padding:.65rem 1rem;border-radius:var(--radius-sm);margin-bottom:1rem;font-weight:600;font-size:.85rem}.now-playing-bar{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.55rem 1rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between}.btn-stop{background:var(--red);border:none;color:#fff;padding:.3rem .75rem;border-radius:4px;cursor:pointer;font-weight:600}.schedule-grid-wrap{overflow-x:auto}.schedule-grid{border-collapse:collapse;font-size:.72rem;min-width:700px}.schedule-grid th{padding:.4rem .5rem;background:var(--bg-surface);border:1px solid var(--border);text-align:center;font-size:.68rem;text-transform:uppercase;color:var(--text-muted);font-weight:600}.hour-cell{font-family:SF Mono,monospace;color:var(--text-muted);padding:.3rem .5rem;border:1px solid var(--border);background:var(--bg-surface)}.schedule-cell{border:1px solid var(--border);padding:.25rem;cursor:pointer;min-width:80px;height:32px;transition:background .15s}.schedule-cell:hover{background:#ffffff08}.schedule-cell.has-slot{background:#3b82f614}.schedule-cell.is-live{background:#ef444414}.slot-content{display:flex;align-items:center;gap:.25rem}.slot-name{font-size:.68rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot-empty{color:var(--border-strong);font-size:.85rem;display:flex;align-items:center;justify-content:center;height:100%}.view-toggle{display:flex;gap:.3rem}.view-toggle button{background:var(--bg-raised);border:1px solid var(--border-strong);color:var(--text-secondary);padding:.3rem .7rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.78rem;font-weight:500}.view-toggle button.active{background:var(--accent);border-color:var(--accent);color:#fff}.compliance-grid{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1rem}.compliance-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.65rem .85rem;display:flex;align-items:center;gap:.5rem}.comp-plays{font-weight:700}.comp-mins{color:var(--text-secondary);font-size:.78rem}.campaigns-list{display:flex;flex-direction:column;gap:.6rem}.campaign-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1.15rem;display:flex;align-items:center;justify-content:space-between;transition:background .15s}.campaign-card:hover{background:var(--bg-raised)}.campaign-info{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.campaign-info h3{font-size:.9rem;font-weight:700}.campaign-client,.campaign-dates,.campaign-spots{font-size:.78rem;color:var(--text-secondary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:1.5rem;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal.wide{max-width:700px}.modal h2{font-size:1.05rem;font-weight:700;margin-bottom:1rem}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-base);padding:1rem}.login-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem;width:100%;max-width:400px;box-shadow:var(--shadow-lg)}.login-logo{height:60px;margin:0 auto 1.5rem;display:block}.login-card h1{font-size:1.5rem;font-weight:800;margin-bottom:.25rem;letter-spacing:-.02em}.pink{color:var(--accent)}.login-sub{color:var(--text-secondary);font-size:.85rem;margin-bottom:1.5rem}.login-error{background:#ef44441a;border:1px solid rgba(239,68,68,.25);color:var(--red);padding:.55rem .8rem;border-radius:var(--radius-sm);font-size:.82rem;margin-bottom:.75rem}.login-hint{color:var(--text-muted);font-size:.82rem;margin-bottom:1rem}.btn-ms365{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#2f2f2f;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.65rem 1.15rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;font-size:.85rem;width:100%;transition:background .2s}.btn-ms365:hover{background:#404040}.login-divider{display:flex;align-items:center;gap:.75rem;margin:1.25rem 0;color:var(--text-muted);font-size:.78rem}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border-strong)}.empty-state{color:var(--text-muted);font-size:.85rem;padding:1.5rem;text-align:center}.loading{display:flex;align-items:center;justify-content:center;padding:3rem;color:var(--text-muted)}.upload-progress-list{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.75rem;margin-bottom:1rem}.upload-progress-item{display:flex;justify-content:space-between;font-size:.78rem;padding:.25rem 0}.clock-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin-bottom:.75rem}.clocks-list{display:flex;flex-direction:column;gap:.6rem}.field.checkbox{flex-direction:row;align-items:center}.field.checkbox label{display:flex;align-items:center;gap:.5rem;text-transform:none;font-size:.85rem;color:var(--text-primary);cursor:pointer}.crm-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem}.crm-card h2{font-size:.95rem;font-weight:700;color:var(--accent);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.crm-card h3{font-size:.9rem;font-weight:700;color:var(--accent);margin-bottom:.75rem}.crm-table-wrap{overflow-x:auto}.crm-table{width:100%;border-collapse:collapse;font-size:.82rem}.crm-table th{text-align:left;padding:.55rem .75rem;border-bottom:1px solid var(--border-strong);color:var(--text-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}.crm-table td{padding:.55rem .75rem;border-bottom:1px solid var(--border)}.crm-table tr:hover td{background:#ffffff05}.crm-table a{color:var(--accent)}.crm-table a:hover{text-decoration:underline}@media (max-width: 768px){.dashboard-grid{grid-template-columns:1fr}.sidebar{width:56px}.nav-link span:not(:first-child){display:none}}.voicetrack-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.voicetrack-item{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.65rem .85rem;display:flex;align-items:center;gap:1rem;transition:background .15s}.voicetrack-item:hover{background:var(--bg-raised)}.vt-info{flex:1}.vt-title{font-weight:600;font-size:.85rem}.vt-meta{font-size:.72rem;color:var(--text-secondary)}.recorder{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.15rem;margin-bottom:1rem}.recorder-controls{display:flex;gap:.75rem;align-items:center;margin-top:.75rem}.btn-record{background:var(--red);border:none;color:#fff;padding:.55rem 1.15rem;border-radius:var(--radius-sm);font-weight:600;cursor:pointer}.btn-record.recording{animation:pulse-live 1s ease-in-out infinite}.record-timer{font-family:SF Mono,monospace;font-size:1.05rem;color:var(--red)}.audit-table{width:100%;border-collapse:collapse;font-size:.78rem}.audit-table th{text-align:left;padding:.5rem .75rem;border-bottom:1px solid var(--border-strong);color:var(--text-muted);font-size:.68rem;text-transform:uppercase;font-weight:600}.audit-table td{padding:.5rem .75rem;border-bottom:1px solid var(--border)}.audit-action{font-weight:600;color:var(--accent)}.vt-settings{display:flex;gap:1.5rem;margin-bottom:.75rem;flex-wrap:wrap}.waveform-wrap{position:relative;background:#111320;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:.5rem}.waveform-canvas{display:block;width:100%;height:80px}.vu-meter{height:4px;background:var(--border)}.vu-bar{height:100%;border-radius:0 2px 2px 0;transition:width .05s linear,background .1s}.rec-indicator{position:absolute;top:.5rem;right:.75rem;display:flex;align-items:center;gap:.4rem}.rec-dot{width:10px;height:10px;border-radius:50%;background:var(--red);animation:pulse-live 1s ease-in-out infinite}.rec-timer{font-family:SF Mono,monospace;font-size:.85rem;font-weight:700;color:var(--red)}.waveform-editor-wrap{position:relative}.cue-labels{display:flex;justify-content:space-between;font-size:.72rem;margin-top:.25rem}.cue-in-label{color:#34d399;font-family:SF Mono,monospace}.cue-out-label{color:#ec4899;font-family:SF Mono,monospace}.cue-hint{display:flex;flex-direction:column;gap:.2rem;font-size:.72rem;color:var(--text-muted);margin-top:.4rem}.level-meter{display:block;width:100%;border-radius:4px}.vt-section-label{font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.4rem}.rec-indicator-bar{display:flex;align-items:center;gap:.5rem;margin:.5rem 0}.context-waveform-wrap{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem;background:var(--bg-raised);border-radius:var(--radius-sm);padding:.75rem}.context-track{display:flex;flex-direction:column;gap:.25rem}.context-track-label{font-size:.72rem;font-weight:700;padding:.2rem .5rem;border-radius:3px;display:inline-block;margin-bottom:.2rem}.context-track-label.prev{background:#64646433;color:#888}.context-track-label.vt{background:#ec489926;color:var(--pink)}.context-track-label.next{background:#64646433;color:#888}.trim-control{display:flex;flex-direction:column;gap:.25rem;margin-top:.4rem;font-size:.78rem;color:var(--text-muted)}.trim-control input[type=range]{accent-color:var(--pink);width:100%}.vt-context-unified{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin-bottom:1rem}.vt-context-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.vt-context-stack{display:flex;flex-direction:column;gap:2px;background:var(--bg-base);border-radius:var(--radius-sm);overflow:hidden;padding:4px}.vt-context-row{display:flex;flex-direction:column;border-radius:4px;overflow:hidden}.vt-context-row.prev,.vt-context-row.next{opacity:.6}.vt-context-row.voice .vt-context-wave{border-left:3px solid #EC4899}.vt-context-label{display:flex;align-items:center;gap:.4rem;padding:.3rem .5rem;font-size:.72rem;background:#0003}.vt-context-icon{font-size:.68rem}.vt-context-title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}.vt-context-artist{color:var(--text-secondary);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vt-context-wave{position:relative}.vt-overlap-control{margin-top:.75rem;display:flex;flex-direction:column;gap:.3rem}.vt-overlap-slider{accent-color:#EC4899;width:100%}.segue-editor{background:#0e1120;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.segue-editor__header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:var(--bg-raised);border-bottom:1px solid var(--border);font-size:.82rem}.segue-editor__waveforms{padding:0}.segue-editor__track{position:relative;border-bottom:1px solid rgba(255,255,255,.03)}.segue-editor__track.out{background:#3b82f60a}.segue-editor__track.vt{background:#ec48990f;border-left:3px solid #EC4899}.segue-editor__track.in{background:#3b82f60a}.segue-editor__label{position:relative;font-size:.72rem;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%}.segue-editor__canvas{width:100%;height:48px;display:block}.segue-editor__track-header{display:flex;align-items:center;justify-content:space-between;padding:.2rem .5rem;gap:.5rem}.segue-editor__vol-inline{width:60px;height:4px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.segue-editor__vol-inline.vt{accent-color:#EC4899}.segue-editor__controls{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-raised);border-top:1px solid var(--border)}.segue-editor__rec-btn{width:36px;height:36px;border-radius:50%;border:2px solid #DC2626;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.segue-editor__rec-btn:hover{background:#dc26261f}.segue-editor__rec-dot{width:16px;height:16px;border-radius:50%;background:#dc2626}.segue-editor__stop-btn{width:36px;height:36px;border-radius:var(--radius-sm);border:none;background:#dc2626;color:#fff;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.segue-editor__timer{font-family:SF Mono,monospace;font-size:1.15rem;color:#dc2626;font-weight:700}.segue-editor__overlap{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:#ec48990a;border-top:1px solid rgba(236,72,153,.15)}.segue-track{border-bottom:1px solid rgba(255,255,255,.03)}.segue-track__header{display:flex;align-items:center;gap:.4rem;padding:.2rem .5rem;background:#00000026;font-size:.72rem}.segue-track__label{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.segue-track__artist{color:var(--text-secondary);font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.segue-track__vol{width:50px;height:3px;accent-color:var(--accent);cursor:pointer}.cart-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin-bottom:1.15rem}.cart-slot{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:.65rem;display:flex;flex-direction:column;gap:.35rem;min-height:140px;transition:all .2s}.cart-slot.slot-playing{border-color:#ef444466;background:#ef44440a;box-shadow:0 0 16px #ef44441a}.cart-slot.slot-queued{border-color:#facc154d;background:#facc1508}.cart-slot.slot-loaded{border-color:#3b82f64d}.slot-header{display:flex;align-items:center;gap:.4rem}.slot-num{font-size:.62rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;flex:1}.slot-badge{font-size:.62rem;font-weight:700;padding:.12rem .4rem;border-radius:3px}.slot-badge.playing{background:var(--red);color:#fff}.slot-badge.queued{background:var(--warning);color:#000}.slot-clear{padding:.1rem .35rem;font-size:.68rem}.slot-title{font-weight:700;font-size:.82rem;line-height:1.2;flex:1}.slot-meta{display:flex;align-items:center;gap:.5rem}.slot-dur{font-family:SF Mono,monospace;font-size:.72rem;color:var(--text-muted)}.slot-progress-bg{height:3px;background:var(--border-strong);border-radius:2px}.slot-progress-fill{height:100%;background:var(--red);border-radius:2px;transition:width .1s linear}.slot-countdown{font-family:SF Mono,monospace;font-size:1.05rem;font-weight:800;color:var(--red);text-align:center;animation:pulse-live 1s ease-in-out infinite}.slot-play-btn{margin-top:auto;padding:.4rem;border-radius:var(--radius-sm);border:none;font-weight:600;font-size:.78rem;cursor:pointer;transition:all .15s}.slot-play-btn.loaded{background:var(--accent);color:#fff}.slot-play-btn.playing{background:var(--red);color:#fff}.slot-play-btn.queued{background:var(--warning);color:#000}.slot-empty-state{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.78rem}.cart-slot-btns{display:flex;gap:.25rem;flex-shrink:0}.slot-load-btn{width:24px;height:24px;border-radius:4px;border:1px solid var(--border-strong);background:var(--bg-raised);color:var(--text-muted);font-size:.72rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.slot-load-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.slot-load-btn:hover{border-color:var(--accent);color:var(--accent)}.stream-config-card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin-bottom:.75rem;transition:opacity .2s}.stream-config-card.disabled{opacity:.4}.stream-config-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.stream-config-header strong{font-size:.9rem}.stream-mount{font-family:SF Mono,monospace;font-size:.72rem;color:var(--accent);margin-left:.5rem}.stream-config-body{border-top:1px solid var(--border);padding-top:.75rem}.stream-info{font-size:.78rem;color:var(--text-secondary);margin-top:.5rem;display:flex;justify-content:space-between}.bandwidth-est{color:var(--accent)}.stream-url-row{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.stream-url-label{font-size:.82rem;font-weight:600;min-width:120px}.stream-url-value{font-family:SF Mono,monospace;font-size:.78rem;color:var(--accent);flex:1}@media (max-width: 900px){.cart-slots{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.cart-slots{grid-template-columns:1fr 1fr}}.studio-page{display:flex;flex-direction:column;height:calc(100vh - 56px);overflow:hidden}.studio-top{display:flex;align-items:center;gap:1rem;background:linear-gradient(180deg,#080d1a,#0c1020);border-bottom:1px solid rgba(59,130,246,.2);padding:.5rem 1rem;flex-shrink:0}.studio-clock{font-family:SF Mono,Fira Code,monospace;font-size:1.7rem;font-weight:800;color:var(--green);letter-spacing:.04em;flex-shrink:0;text-shadow:0 0 20px rgba(52,211,153,.3)}.studio-np-strip{display:flex;align-items:center;gap:.85rem;flex:1;min-width:0}.studio-np-strip.ending{animation:pulse-live 1s ease-in-out infinite}.studio-np-badges{display:flex;gap:.35rem;flex-shrink:0}.badge-live{background:#dc2626;color:#fff;font-size:.65rem;font-weight:800;padding:.18rem .5rem;border-radius:3px;animation:pulse-live 1s ease-in-out infinite;letter-spacing:.06em}.badge-onair{background:var(--accent);color:#fff;font-size:.65rem;font-weight:800;padding:.18rem .5rem;border-radius:3px;letter-spacing:.06em}.studio-np-info{min-width:0;flex-shrink:1}.studio-np-title{font-weight:700;font-size:.95rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studio-np-artist{font-size:.78rem;color:var(--text-secondary)}.studio-np-progress{flex:1;height:4px;background:#ffffff14;border-radius:2px;min-width:80px;overflow:hidden}.studio-np-bar{height:100%;background:linear-gradient(90deg,var(--accent),var(--green));border-radius:2px;transition:width .5s linear}.studio-np-countdown{font-family:SF Mono,monospace;font-size:1.35rem;font-weight:800;color:var(--green);flex-shrink:0;min-width:60px;text-align:right;text-shadow:0 0 12px rgba(52,211,153,.2)}.studio-np-countdown.red{color:var(--red);text-shadow:0 0 12px rgba(239,68,68,.3)}.studio-main{display:flex;flex:1;overflow:hidden}.studio-log-panel{flex:1;display:flex;flex-direction:column;border-right:1px solid var(--border);min-width:0}.studio-log-toolbar{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0}.studio-mode-select{background:var(--bg-raised);border:1px solid var(--border-strong);color:var(--text-primary);padding:.3rem .5rem;border-radius:var(--radius-sm);font-size:.78rem}.studio-mode-badge{font-size:.68rem;font-weight:700;padding:.15rem .5rem;border-radius:3px;letter-spacing:.04em}.mode-live{background:#dc262626;color:#f44}.mode-live_assisted{background:#facc1526;color:#facc15}.mode-automated{background:#10b98126;color:var(--green)}.studio-toolbar-btn{background:var(--bg-raised);border:1px solid var(--border-strong);color:var(--text-primary);padding:.3rem .6rem;border-radius:var(--radius-sm);font-size:.78rem;cursor:pointer;font-weight:600;transition:all .15s}.studio-toolbar-btn:hover{border-color:var(--accent);color:var(--accent);background:#3b82f60f}.studio-stop-banner{background:#dc26261a;border:1px solid rgba(220,38,38,.3);color:#f44;padding:.5rem .75rem;display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:.82rem}.studio-log-list{flex:1;overflow-y:auto;scrollbar-width:thin}.studio-log-list::-webkit-scrollbar{width:4px}.studio-log-list::-webkit-scrollbar-thumb{background:var(--bg-raised);border-radius:2px}.studio-log-footer{display:flex;gap:1.5rem;padding:.4rem .75rem;background:var(--bg-surface);border-top:1px solid var(--border);font-size:.72rem;color:var(--text-muted);flex-shrink:0;font-weight:500}.studio-log-empty{padding:2rem;text-align:center;color:var(--text-muted);font-size:.85rem}.studio-decks-panel{width:290px;flex-shrink:0;display:flex;flex-direction:column;overflow-y:auto;background:var(--bg-surface);scrollbar-width:thin}.studio-decks-panel .cart-player{height:auto;min-height:0;flex:1;border-bottom:1px solid var(--border)}.player-deck{border-bottom:1px solid var(--border);padding:.75rem;display:flex;flex-direction:column;gap:.3rem;min-height:120px}.player-deck.playing{background:#3b82f60f;border-left:3px solid var(--accent)}.player-deck.empty{opacity:.3}.deck-header{display:flex;align-items:center;gap:.5rem}.deck-number{font-size:1.1rem;font-weight:800;color:var(--accent);width:28px;height:28px;border-radius:50%;border:2px solid var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.deck-status-badge{font-size:.62rem;font-weight:700;background:var(--accent);color:#fff;padding:.1rem .4rem;border-radius:3px}.deck-title{font-weight:700;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-artist{font-size:.72rem;color:var(--text-secondary)}.deck-progress-wrap{margin:.25rem 0}.deck-progress-bg{height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden}.deck-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--green));border-radius:2px;transition:width .25s linear}.deck-timing{display:flex;justify-content:space-between;font-family:SF Mono,monospace;font-size:.72rem;color:var(--text-muted)}.deck-countdown{color:var(--text-primary);font-weight:700}.deck-controls{display:flex;gap:.4rem;margin-top:.25rem}.deck-btn{width:36px;height:36px;border-radius:50%;border:none;font-size:.95rem;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700;transition:all .15s}.deck-btn.play{background:var(--accent);color:#fff;box-shadow:0 2px 8px #3b82f64d}.deck-btn.stop{background:#dc2626;color:#fff;box-shadow:0 2px 8px #dc26264d}.deck-btn:hover{transform:scale(1.08)}.deck-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.82rem}.media-search-panel{position:fixed;top:56px;right:0;bottom:0;width:380px;background:var(--bg-surface);border-left:1px solid var(--border);z-index:400;display:flex;flex-direction:column;box-shadow:-4px 0 24px #0006}.media-search-header{display:flex;gap:.5rem;padding:.75rem;border-bottom:1px solid var(--border)}.media-search-input{flex:1;background:var(--bg-raised);border:1px solid var(--border-strong);color:var(--text-primary);padding:.5rem .75rem;border-radius:var(--radius-sm);font-size:.82rem;outline:none}.media-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61f}.media-search-results{flex:1;overflow-y:auto}.media-search-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-bottom:1px solid var(--border);cursor:pointer;font-size:.78rem;transition:background .1s}.media-search-item:hover{background:#ffffff08}.media-search-title{flex:1;font-weight:600;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-search-artist{color:var(--text-secondary);font-size:.72rem;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-search-dur{font-family:SF Mono,monospace;font-size:.72rem;color:var(--text-muted)}.media-search-loading,.media-search-empty{padding:1.5rem;text-align:center;color:var(--text-muted);font-size:.82rem}@media (max-width: 900px){.studio-main{flex-direction:column}.studio-decks-panel{width:100%;flex-direction:row;overflow-x:auto}.player-deck{min-width:200px;min-height:auto}.media-search-panel{width:100%}}.audio-preview{display:flex;align-items:center;gap:.5rem;padding:.25rem 0}.audio-preview.compact{gap:.35rem}.ap-play-btn{border:none;border-radius:50%;background:var(--accent);color:#fff;font-size:.72rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.ap-play-btn:hover{transform:scale(1.08)}.ap-play-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.ap-seek{flex:1;min-width:60px;background:#ffffff0f;border-radius:3px;cursor:pointer;position:relative}.ap-seek-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .1s linear}.ap-seek-head{position:absolute;top:50%;width:10px;height:10px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 4px #0006;pointer-events:none}.ap-time{font-family:SF Mono,monospace;font-size:.68rem;color:var(--text-muted);flex-shrink:0}.ap-time.dim{opacity:.4}.audio-preview.compact .ap-time{font-size:.62rem}.media-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.6rem}.media-tile{background:var(--bg-surface);border:1px solid var(--border);border-top:3px solid #555;border-radius:var(--radius);padding:.6rem .7rem;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;gap:.2rem;min-height:110px}.media-tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.media-tile__header{display:flex;align-items:center;gap:.4rem;font-size:.72rem}.media-tile__cat-icon{font-size:.85rem;flex-shrink:0}.media-tile__cart-num{font-weight:800;font-size:.68rem;letter-spacing:.04em}.media-tile__spacer{flex:1}.media-tile__play{width:24px;height:24px;border-radius:50%;border:none;color:#fff;font-size:.62rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.media-tile__play:hover{transform:scale(1.1)}.media-tile__play.active{animation:pulse-live 1s ease-in-out infinite}.media-tile__dur{font-family:SF Mono,monospace;color:var(--text-muted);font-size:.72rem}.media-tile__art{width:100%;height:60px;border-radius:4px;background-size:cover;background-position:center;margin:.2rem 0}.media-tile__title{font-weight:700;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-tile__artist{font-size:.72rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-tile__footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;gap:.25rem}.media-tile__bpm{font-size:.68rem;color:var(--text-muted);font-family:SF Mono,monospace}.category-pills{display:flex;gap:.35rem;margin-bottom:1rem;flex-wrap:wrap;align-items:center}.cat-pill{background:transparent;border:1px solid var(--border-strong);color:var(--text-secondary);padding:.28rem .65rem;border-radius:20px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:.3rem;white-space:nowrap}.cat-pill:hover{background:#ffffff0a}.cat-pill.active{color:#fff}.cat-pill__count{background:#ffffff1a;padding:.05rem .35rem;border-radius:10px;font-size:.62rem}.play-log-row{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;border-bottom:1px solid var(--border);border-left:3px solid transparent;font-size:.78rem;cursor:default;transition:background .1s}.play-log-row:hover{background:#ffffff05}.play-log-row--active{border-left-color:var(--accent);background:#3b82f60f}.play-log-row--next{background:#60a5fa08}.play-log-row__drag{cursor:grab;color:var(--text-muted);font-size:.85rem;flex-shrink:0;-webkit-user-select:none;user-select:none;padding:0 .15rem}.play-log-row__drag:active{cursor:grabbing}.play-log-row__time{font-family:SF Mono,monospace;font-size:.72rem;color:var(--text-muted);min-width:60px;flex-shrink:0}.play-log-row__icon{font-size:.85rem;flex-shrink:0;width:20px;text-align:center}.play-log-row__playing{color:var(--accent);font-size:.68rem;flex-shrink:0;animation:pulse-live 1s ease-in-out infinite}.play-log-row__title{font-weight:600;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.play-log-row__artist{color:var(--text-secondary);font-size:.72rem;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.play-log-row__dur{font-family:SF Mono,monospace;font-size:.72rem;color:var(--text-muted);min-width:40px;text-align:right;flex-shrink:0}.play-log-row__bpm{font-family:SF Mono,monospace;font-size:.68rem;color:var(--text-muted);min-width:30px;text-align:right;flex-shrink:0}.play-log-row__actions{display:flex;gap:2px;flex-shrink:0;opacity:0;transition:opacity .15s}.play-log-row:hover .play-log-row__actions{opacity:1}.play-log-row.dragging{opacity:.3}.play-log-row.drag-over{border-top:2px solid var(--accent)}.cart-player{border-bottom:1px solid var(--border);padding:.55rem .7rem;display:flex;flex-direction:column;gap:.2rem;min-height:170px;border-left:4px solid var(--border-strong);transition:all .2s;overflow:hidden}.cart-player--playing{background:#3b82f60a}.cart-player--ending{animation:pulse-live 1s ease-in-out infinite}.cart-player--empty{opacity:.25}.cart-player__header{display:flex;align-items:center;gap:.5rem}.cart-player__number{font-size:1rem;font-weight:800;width:28px;height:28px;border-radius:50%;border:2px solid var(--text-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:SF Mono,monospace}.cart-player__status{font-size:.62rem;font-weight:700;padding:.1rem .4rem;border-radius:3px;color:#fff;letter-spacing:.04em}.cart-player__cat-icon{font-size:.82rem}.cart-player__title{font-weight:700;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.cart-player__artist{font-size:.72rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.cart-player__meta{font-size:.68rem;color:var(--text-muted);font-family:SF Mono,monospace;display:flex;gap:.75rem}.cart-player__intro-badge{background:#10b98133;color:#10b981;padding:0 4px;border-radius:3px;font-weight:700;font-size:.72rem}.cart-player__level-bg{height:3px;background:#ffffff0d;border-radius:2px;margin:.15rem 0;overflow:hidden}.cart-player__level-fill{height:100%;border-radius:2px;transition:width .1s linear}.cart-player__progress-bg{height:4px;background:#ffffff0f;border-radius:2px;margin:.15rem 0;overflow:hidden}.cart-player__progress-fill{height:100%;border-radius:2px;transition:width .25s linear}.cart-player__timing{display:flex;justify-content:space-between;font-family:SF Mono,monospace;font-size:.72rem;color:var(--text-muted)}.cart-player__countdown{font-weight:700}.cart-player__controls{display:flex;gap:.35rem;margin-top:.2rem}.cart-player__btn{width:32px;height:32px;border-radius:50%;border:none;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .15s}.cart-player__btn:hover{transform:scale(1.1)}.cart-player__btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.cart-player__btn--play{background:var(--success);box-shadow:0 2px 8px #10b98140}.cart-player__btn--pause{background:var(--warning);box-shadow:0 2px 8px #f59e0b40}.cart-player__btn--stop{background:#dc2626;box-shadow:0 2px 8px #dc262640}.cart-player__btn--skip{background:var(--bg-raised);border:1px solid var(--border-strong);color:var(--text-primary)}.cart-player__empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.82rem}.plr-card{background:var(--bg-surface);border:1px solid var(--border);border-top:3px solid #555;border-radius:var(--radius-sm);padding:.45rem .7rem;margin-bottom:.25rem;transition:all .15s}.plr-card:hover{background:var(--bg-raised);box-shadow:var(--shadow-sm)}.plr-card--active{border-top-width:3px;box-shadow:0 0 12px #3b82f61a}.plr-card__main{display:flex;align-items:center;gap:.5rem}.plr-card__icon{font-size:.95rem;flex-shrink:0}.plr-card__num{font-family:SF Mono,monospace;font-size:.72rem;color:var(--text-muted);min-width:1.5rem;text-align:right;flex-shrink:0}.plr-card__stop{flex-shrink:0}.plr-card__playing{color:var(--accent);font-size:.72rem;flex-shrink:0;animation:pulse-live 1s ease-in-out infinite}.plr-card__info{flex:1;min-width:0;display:flex;align-items:baseline;gap:.5rem}.plr-card__title{font-weight:700;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plr-card__artist{font-size:.72rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;flex-shrink:0}.plr-card__time{font-family:SF Mono,monospace;font-size:.72rem;color:var(--text-muted);flex-shrink:0}.plr-card__dur{font-family:SF Mono,monospace;font-size:.78rem;flex-shrink:0;font-weight:600}.plr-card__intro{font-family:SF Mono,monospace;font-size:.7rem;flex-shrink:0;color:#10b981;font-weight:700}.plr-card__sweeper-badge{font-size:.6rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:1px 6px;border-radius:3px;background:#00ffb433;color:#00ffb4;border:1px solid rgba(0,255,180,.3);flex-shrink:0}.epl-insert-btn{width:28px;height:22px;border-radius:4px;border:1px solid;font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;background:transparent}.epl-insert-btn--add{border-color:#3b82f666;color:#3b82f6}.epl-insert-btn--add:hover{background:#3b82f626}.epl-insert-btn--vt{border-color:#ec489966;color:#ec4899}.epl-insert-btn--vt:hover{background:#ec489926}.plr-card__bpm{font-family:SF Mono,monospace;font-size:.68rem;color:var(--text-muted);flex-shrink:0}.plr-card__badge{font-size:.62rem;font-family:SF Mono,monospace;flex-shrink:0;padding:1px 4px;border-radius:3px}.plr-card__badge--warn{color:var(--warning);background:#f59e0b1f}.plr-card__badge--overlay{color:orange;background:#ffa5001f}.plr-card__actions{display:flex;gap:2px;flex-shrink:0;opacity:0;transition:opacity .15s}.plr-card:hover .plr-card__actions{opacity:1}.live-control-btn{width:72px;height:72px;border-radius:50%;border:3px solid;font-size:1.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.live-control-btn:hover{transform:scale(1.06)}.live-control-btn:active{transform:scale(.95)}.live-control-btn--go{background:var(--success);border-color:#059669;color:#fff;box-shadow:0 0 24px #10b98140}.live-control-btn--stop{background:#dc2626;border-color:#b91c1c;color:#fff;box-shadow:0 0 24px #dc262640;animation:pulse-live 1.5s ease-in-out infinite}.plr-card__stop-btn{width:26px;height:26px;border-radius:var(--radius-sm);border:2px solid var(--border-strong);background:var(--bg-raised);color:var(--text-muted);font-size:.82rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.plr-card__stop-btn:hover{border-color:#dc2626;color:#dc2626;background:#dc262614}.plr-card__stop-btn--active{border-color:#dc2626;background:#dc2626;color:#fff;box-shadow:0 0 8px #dc262633}.plr-card__stop-btn--active:hover{background:#b91c1c;border-color:#b91c1c;color:#fff}.plr-card__stop-label{font-size:.58rem;font-weight:700;color:#dc2626;background:#dc26261f;padding:.1rem .35rem;border-radius:3px;letter-spacing:.06em;flex-shrink:0}.resume-banner{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.85rem;background:#dc262614;border:1px solid rgba(220,38,38,.25);border-radius:var(--radius);margin-bottom:.75rem;animation:pulse-live 2s ease-in-out infinite}.resume-banner__btn{width:56px;height:56px;border-radius:50%;border:3px solid #059669;background:var(--success);color:#fff;font-size:1.6rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #10b9814d;transition:transform .15s}.resume-banner__btn:hover{transform:scale(1.1)}.resume-banner__btn:active{transform:scale(.95)}.resume-banner__text{font-size:.95rem;font-weight:700;color:#dc2626}.plr-card--go{border-left:3px solid rgba(16,185,129,.25)}.plr-card--stop{border-left:3px solid #DC2626}.plr-card--stop .plr-card__title{color:#fca5a5}.log-row{display:flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-bottom:1px solid var(--border);font-size:.78rem;cursor:default;transition:background .1s}.log-row:hover{background:#ffffff05}.log-row.active{background:#3b82f614;border-left:3px solid var(--accent)}.log-row.next{background:#3b82f608}.log-time{font-family:SF Mono,monospace;font-size:.72rem;color:var(--text-muted);min-width:60px;flex-shrink:0}.log-icon{font-size:.85rem;flex-shrink:0;width:20px;text-align:center}.log-playing-indicator{color:var(--accent);font-size:.68rem;flex-shrink:0}.log-title{font-weight:600;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.log-artist{color:var(--text-secondary);font-size:.72rem;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.log-dur{font-family:SF Mono,monospace;font-size:.72rem;color:var(--text-muted);min-width:40px;text-align:right;flex-shrink:0}.log-stop-btn{background:none;border:none;cursor:pointer;font-size:.78rem;padding:0 .2rem;flex-shrink:0}.log-actions{display:flex;gap:2px;flex-shrink:0;opacity:0;transition:opacity .15s}.log-row:hover .log-actions{opacity:1}.log-act-btn{background:var(--bg-raised);border:1px solid var(--border-strong);color:var(--text-muted);padding:.1rem .3rem;border-radius:3px;cursor:pointer;font-size:.68rem;line-height:1;transition:all .15s}.log-act-btn.danger{border-color:#ef44444d;color:var(--red)}.log-act-btn:hover{color:var(--text-primary);background:var(--bg-overlay)}.te{background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-lg);width:95vw;max-width:1100px;max-height:92vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-lg)}.te__header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border);gap:1rem;flex-shrink:0;flex-wrap:wrap}.te__art{width:56px;height:56px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.te__art--empty{display:flex;align-items:center;justify-content:center;font-size:1.5rem;border:1px solid var(--border)}.te__title{font-weight:800;font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.te__artist{font-size:.82rem;color:var(--text-secondary)}.te__meta-pill{font-size:.72rem;font-weight:600;padding:.2rem .5rem;background:var(--bg-raised);border:1px solid var(--border);border-radius:4px;white-space:nowrap}.te__tabs{display:flex;gap:0;border-bottom:1px solid var(--border);flex-shrink:0}.te__tab{padding:.55rem 1rem;font-size:.78rem;font-weight:600;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);cursor:pointer;transition:all .15s}.te__tab:hover{color:var(--text-primary);background:#ffffff05}.te__tab--active{color:var(--accent);border-bottom-color:var(--accent)}[data-theme=light]{--bg-base: #F8F9FC;--bg-surface: #FFFFFF;--bg-raised: #F0F2F7;--bg-overlay: #E5E8F0;--border: rgba(0,0,0,.06);--border-strong: rgba(0,0,0,.1);--text-primary: #111827;--text-secondary: #6B7280;--text-muted: #9CA3AF;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 8px 32px rgba(0,0,0,.12)}[data-theme=light] body{background:var(--bg-base);color:var(--text-primary)}[data-theme=light] .sidebar{background:var(--bg-surface);border-right-color:var(--border)}[data-theme=light] .nav-link{color:var(--text-secondary)}[data-theme=light] .nav-link:hover{background:var(--bg-raised);color:var(--text-primary)}[data-theme=light] .nav-link.active{background:#3b82f61a;color:var(--accent)}[data-theme=light] .top-bar{background:var(--bg-surface);border-bottom-color:var(--border);box-shadow:0 1px 3px #0000000f}[data-theme=light] .sidebar-toggle{color:var(--text-secondary)}[data-theme=light] .np-title{color:var(--text-primary)}[data-theme=light] .cms-card,[data-theme=light] .dash-card,[data-theme=light] .stat-card,[data-theme=light] .clock-card,[data-theme=light] .crm-card,[data-theme=light] .modal{background:var(--bg-surface);border-color:var(--border)}[data-theme=light] .field input,[data-theme=light] .field select,[data-theme=light] .field textarea,[data-theme=light] .search-input,[data-theme=light] .select-input,[data-theme=light] .date-input{background:var(--bg-surface);border-color:var(--border-strong);color:var(--text-primary)}[data-theme=light] .btn-icon{background:var(--bg-raised);border-color:var(--border-strong);color:var(--text-secondary)}[data-theme=light] .btn-icon:hover{background:var(--bg-overlay)}[data-theme=light] .sidebar-footer{border-top-color:var(--border);background:var(--bg-raised)}[data-theme=light] .btn-logout{border-color:var(--border-strong);color:var(--text-secondary)}[data-theme=light] .btn-logout:hover{border-color:var(--accent);color:var(--accent)}[data-theme=light] .media-table th,[data-theme=light] .log-table th{color:var(--text-muted);border-bottom-color:var(--border-strong)}[data-theme=light] .media-table td,[data-theme=light] .log-table td{border-bottom-color:var(--border)}[data-theme=light] .media-table tr:hover td,[data-theme=light] .log-table tr:hover td{background:var(--bg-raised)}[data-theme=light] .studio-top{background:linear-gradient(180deg,#f0f2f7,#e8ebf2);border-bottom-color:var(--border)}[data-theme=light] .studio-clock{color:var(--accent);text-shadow:none}[data-theme=light] .studio-np-title{color:var(--text-primary)}[data-theme=light] .studio-np-countdown{color:var(--accent);text-shadow:none}[data-theme=light] .studio-np-countdown.red{color:var(--red);text-shadow:none}[data-theme=light] .studio-np-progress{background:var(--border-strong)}[data-theme=light] .studio-log-toolbar,[data-theme=light] .studio-log-footer,[data-theme=light] .studio-decks-panel{background:var(--bg-surface)}[data-theme=light] .studio-mode-select{background:var(--bg-raised);border-color:var(--border-strong);color:var(--text-primary)}.te__body{flex:1;overflow-y:auto;padding:1rem;scrollbar-width:thin}.te__body::-webkit-scrollbar{width:5px}.te__body::-webkit-scrollbar-thumb{background:var(--bg-raised);border-radius:3px}.te__markers{display:flex;gap:.35rem;flex-wrap:wrap;padding:.6rem 0;margin:.5rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.te__marker{display:flex;flex-direction:column;align-items:center;padding:.3rem .5rem;border-radius:var(--radius-sm);background:var(--bg-raised);border:1px solid var(--border);min-width:72px}.te__marker--btn{cursor:pointer;transition:all .15s;border:2px solid var(--border-strong)}.te__marker--btn:hover{background:var(--bg-overlay);border-color:var(--accent);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.te__marker--btn:active{transform:translateY(0)}.te__marker-label{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.15rem}.te__marker-val{font-family:SF Mono,Fira Code,monospace;font-size:.78rem;font-weight:600;color:var(--text-primary)}.te__marker-edit{display:flex;gap:.5rem;flex-wrap:wrap;align-items:flex-end;margin-top:.5rem}.te__marker-edit .field{flex:0 0 auto;min-width:100px;margin-bottom:0}.te__marker-edit .field input{font-family:SF Mono,monospace;font-size:.78rem;padding:.35rem .5rem;text-align:right}.te__marker-edit .field label{font-size:.62rem}.te__meta-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.6rem}.te__meta-grid .field input,.te__meta-grid .field select{font-size:.85rem}.te__history-info{display:flex;flex-direction:column;gap:.35rem;padding:.75rem;background:var(--bg-raised);border-radius:var(--radius-sm);margin-bottom:1rem;font-size:.85rem}.te__history-info strong{color:var(--text-secondary);font-weight:600}.te__history-table{width:100%;border-collapse:collapse;font-size:.82rem}.te__history-table th{text-align:left;padding:.5rem .75rem;border-bottom:1px solid var(--border-strong);color:var(--text-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.te__history-table td{padding:.5rem .75rem;border-bottom:1px solid var(--border)}.te__history-table tr:hover td{background:#ffffff05}.waveform-editor-wrap{position:relative;border-radius:var(--radius-sm);overflow:hidden;background:#0e1120;border:1px solid var(--border)}.waveform-canvas{display:block;width:100%;cursor:pointer}.cue-labels{display:flex;justify-content:space-between;font-size:.72rem;margin-top:.2rem;padding:.15rem .5rem}.cue-in-label{color:var(--green);font-family:SF Mono,monospace;font-weight:600}.cue-out-label{color:var(--pink);font-family:SF Mono,monospace;font-weight:600}.segue-editor{background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.segue-editor__header{display:flex;justify-content:space-between;align-items:center;padding:.6rem .85rem;background:var(--bg-surface);border-bottom:1px solid var(--border);font-size:.85rem}.segue-editor__waveforms{padding:0;background:#0a0d18}.segue-editor__controls{display:flex;align-items:center;gap:.6rem;padding:.6rem .85rem;background:var(--bg-surface);border-top:1px solid var(--border);min-height:52px}.segue-editor__overlap{display:flex;align-items:center;gap:.6rem;padding:.45rem .85rem;background:#ec489908;border-top:1px solid rgba(236,72,153,.12)}.segue-track{border-bottom:1px solid rgba(255,255,255,.04);transition:background .15s}.segue-track:hover{background:#ffffff03}.segue-track__header{display:flex;align-items:center;gap:.5rem;padding:.25rem .6rem;background:#0003;font-size:.75rem}.segue-track__label{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.segue-track__artist{color:var(--text-muted);font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.segue-track__vol{width:56px;height:3px;accent-color:var(--accent);cursor:pointer}.segue-editor__rec-btn{width:40px;height:40px;border-radius:50%;border:2px solid #DC2626;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.segue-editor__rec-btn:hover{background:#dc26261a;transform:scale(1.05)}.segue-editor__rec-dot{width:18px;height:18px;border-radius:50%;background:#dc2626}.segue-editor__stop-btn{width:40px;height:40px;border-radius:var(--radius-sm);border:none;background:#dc2626;color:#fff;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.segue-editor__stop-btn:hover{background:#b91c1c;transform:scale(1.05)}.segue-editor__timer{font-family:SF Mono,monospace;font-size:1.2rem;color:#dc2626;font-weight:700;letter-spacing:.02em}.volume-envelope{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.volume-envelope svg{pointer-events:all}.volume-envelope__line{fill:none;stroke-width:2;stroke-dasharray:4 2;opacity:.7}.volume-envelope__point{cursor:grab;transition:r .1s}.volume-envelope__point:hover{r:7}.volume-envelope__point:active{cursor:grabbing}.compliance-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .5rem;border-radius:4px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.compliance-badge--approved{background:#10b98126;color:var(--success)}.compliance-badge--flagged{background:#ef444426;color:var(--red)}.compliance-badge--pending{background:#f59e0b26;color:var(--warning)}.compliance-badge--processing{background:#3b82f626;color:var(--accent)}.compliance-badge--na{background:#ffffff0d;color:var(--text-muted)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.mb{display:flex;flex-direction:column;gap:.5rem;height:100%;min-height:0}.mb__search{flex-shrink:0}.mb__search-input{width:100%;background:var(--bg-raised);border:1px solid var(--border-strong);color:var(--text-primary);padding:.45rem .7rem;border-radius:var(--radius-sm);font-size:.82rem;outline:none;transition:border-color .2s,box-shadow .2s}.mb__search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61f}.mb__search-input::placeholder{color:var(--text-muted)}.mb__filters{display:flex;gap:.25rem;flex-wrap:wrap;flex-shrink:0}.mb__pill{background:transparent;border:1px solid var(--border-strong);color:var(--text-secondary);padding:.2rem .5rem;border-radius:14px;font-size:.68rem;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.mb__pill:hover{background:#ffffff0a}.mb__pill--active{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}.mb__grid{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:3px;scrollbar-width:thin}.mb__grid::-webkit-scrollbar{width:4px}.mb__grid::-webkit-scrollbar-thumb{background:var(--bg-raised);border-radius:2px}.mb__cart{display:flex;align-items:stretch;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;cursor:grab;transition:all .15s;min-height:62px;position:relative}.mb__cart:hover{filter:brightness(1.15);box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.mb__cart:active{cursor:grabbing;transform:translateY(0)}.mb__cart-strip{width:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.mb__cart-icon{font-size:.95rem;filter:brightness(2)}.mb__cart-body{flex:1;min-width:0;padding:.4rem .5rem;display:flex;flex-direction:column;justify-content:center;gap:.1rem}.mb__cart-title{font-weight:700;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary);line-height:1.3}.mb__cart-artist{font-size:.72rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.mb__cart-meta{display:flex;align-items:center;gap:.5rem;margin-top:.1rem}.mb__cart-dur{font-family:SF Mono,Fira Code,monospace;font-size:.68rem;font-weight:600;color:var(--text-muted)}.mb__cart-cat{font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);opacity:.7}.mb__cart-actions{display:flex;flex-direction:column;flex-shrink:0;border-left:1px solid var(--border)}.mb__cart-add{flex:1;width:32px;background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--text-muted);font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.mb__cart-add:hover{background:#3b82f61a;color:var(--accent)}.mb__cart-preview{flex:1;width:32px;background:transparent;border:none;color:var(--text-muted);font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.mb__cart-preview:hover{background:#10b9811a;color:#10b981}.mb__cart-preview--playing{background:#10b98126;color:#10b981}.la-action-btn{padding:.6rem 1.2rem;font-size:.9rem;font-weight:700;border-radius:8px;border:2px solid;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:.4rem}.la-action-btn--vt{background:#ec48991a;border-color:#ec4899;color:#ec4899}.la-action-btn--vt:hover{background:#ec489933}.la-action-btn--add{background:#3b82f61a;border-color:#3b82f6;color:#3b82f6}.la-action-btn--add:hover{background:#3b82f633}.la-action-btn--today{background:#ffffff0f;border-color:#ffffff26;color:var(--text-secondary);padding:.4rem .8rem;font-size:.82rem}.la-action-btn--today:hover{background:#ffffff1a}[data-theme=light] .mb__search-input{background:#fff;border-color:var(--border-strong);color:var(--text-primary)}[data-theme=light] .mb__cart{background:var(--bg-surface);border-color:var(--border)}[data-theme=light] .mb__cart:hover{background:var(--bg-raised)}[data-theme=light] .mb__cart-icon{filter:none}[data-theme=light] .mb__cart-add{border-bottom-color:var(--border)}[data-theme=light] .mb__cart-actions{border-left-color:var(--border)}.vt-page{display:flex;flex-direction:column;height:calc(100vh - 56px);overflow:hidden}.vt-toolbar{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0}.vt-toolbar__title{font-size:1rem;font-weight:800;margin:0;white-space:nowrap}.vt-toolbar__nav{display:flex;align-items:center;gap:.4rem;margin-left:auto}.vt-toolbar__count{font-size:.75rem;color:var(--text-muted);font-weight:600;min-width:70px;text-align:center}.vt-nav-btn{background:var(--bg-raised);border:1px solid var(--border-strong);color:var(--text-primary);padding:.3rem .65rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.vt-nav-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:#3b82f60f}.vt-nav-btn:disabled{opacity:.3;cursor:not-allowed}.vt-toolbar__date{background:var(--bg-raised);border:1px solid var(--border-strong);color:var(--text-primary);padding:.3rem .5rem;border-radius:var(--radius-sm);font-size:.78rem}.vt-log{flex:1;overflow-y:auto;min-height:0;scrollbar-width:thin}.vt-log::-webkit-scrollbar{width:4px}.vt-log::-webkit-scrollbar-thumb{background:var(--bg-raised);border-radius:2px}.vt-row{display:flex;align-items:center;gap:.4rem;padding:.35rem .5rem;border-bottom:1px solid var(--border);cursor:pointer;transition:background .1s;min-height:40px}.vt-row:hover{background:#ffffff05}.vt-row--selected{background:#3b82f614!important;border-bottom-color:var(--accent)}.vt-row--vt{background:#ec48990d;border-left:3px solid #EC4899}.vt-row--active{background:#3b82f60f;cursor:default}.vt-row__strip{width:4px;align-self:stretch;border-radius:2px;flex-shrink:0}.vt-row__icon{font-size:.85rem;flex-shrink:0;width:20px;text-align:center}.vt-row__time{font-family:SF Mono,monospace;font-size:.7rem;color:var(--text-muted);min-width:40px;flex-shrink:0}.vt-row__info{flex:1;min-width:0;display:flex;align-items:baseline;gap:.4rem}.vt-row__title{font-weight:600;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vt-row__artist{font-size:.72rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px;flex-shrink:0}.vt-row__dur{font-family:SF Mono,monospace;font-size:.72rem;color:var(--text-muted);flex-shrink:0}.vt-row__intro{font-family:SF Mono,monospace;font-size:.62rem;padding:1px 5px;border-radius:3px;background:#10b98126;color:#10b981;font-weight:700;flex-shrink:0}.vt-row__rec-btn{background:#ec48991a;border:1px solid rgba(236,72,153,.3);color:#ec4899;padding:.2rem .4rem;border-radius:var(--radius-sm);font-size:.75rem;cursor:pointer;flex-shrink:0;transition:all .15s}.vt-row__rec-btn:hover{background:#ec489933;transform:scale(1.05)}.vt-row__now{font-size:.62rem;font-weight:700;color:var(--accent);flex-shrink:0}.vt-insert-marker{display:flex;align-items:center;gap:.5rem;padding:.35rem .75rem;background:#ec48990f}.vt-insert-marker__line{flex:1;height:1px;background:linear-gradient(90deg,transparent,#EC4899,transparent)}.vt-insert-marker__label{font-size:.72rem;font-weight:600;color:#ec4899;white-space:nowrap}.vt-editor{flex-shrink:0;border-top:2px solid rgba(236,72,153,.3);max-height:45vh;overflow-y:auto;display:flex;flex-direction:column}.vt-editor .segue-editor,.vt-editor .sw{border-radius:0;border:none;box-shadow:none;display:flex;flex-direction:column;max-height:45vh}.vt-editor .sw__timeline{flex:1;min-height:0;overflow-y:auto}.vt-editor .sw__controls,.vt-editor .sw__overlap-info,.vt-editor .sw__station-bar,.vt-editor .sw__tag-review{flex-shrink:0}.vt-editor--popout{position:fixed;top:10vh;left:5vw;width:90vw;max-width:1100px;max-height:70vh;z-index:1000;border:2px solid rgba(236,72,153,.5);border-radius:12px;background:var(--bg-card, #0f1923);box-shadow:0 20px 60px #0009,0 0 0 1px #ec489933;resize:both;overflow:auto}.vt-editor--popout .sw{max-height:none;border-radius:0 0 12px 12px}.vt-editor__popout-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:#ec48991f;border-bottom:1px solid rgba(236,72,153,.2);cursor:grab;-webkit-user-select:none;user-select:none;font-size:.82rem;font-weight:600;color:#ec4899;border-radius:10px 10px 0 0}.vt-editor__popout-header:active{cursor:grabbing}.vt-editor__dock-btn{background:none;border:1px solid rgba(236,72,153,.3);color:#ec4899;border-radius:6px;padding:.2rem .5rem;cursor:pointer;font-size:.75rem}.vt-editor__dock-btn:hover{background:#ec489926}.sw__env-toggle{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--text-muted);border-radius:6px;padding:.2rem .6rem;font-size:.72rem;cursor:pointer;transition:all .15s}.sw__env-toggle:hover{background:#ffffff1a}.sw__env-toggle--active{background:#f59e0b26;border-color:#f59e0b66;color:#f59e0b}.sw__env-reset{background:none;border:1px solid rgba(239,68,68,.3);color:#ef4444;border-radius:6px;padding:.2rem .5rem;font-size:.7rem;cursor:pointer}.sw__env-reset:hover{background:#ef44441a}.vt-hint{padding:1rem;text-align:center;color:var(--text-muted);font-size:.85rem;background:var(--bg-surface);border-top:1px solid var(--border);flex-shrink:0}.se{background:var(--bg-surface);border-radius:0}.se__context{display:flex;flex-direction:column;border-bottom:1px solid var(--border)}.se__track{display:flex;align-items:center;gap:.5rem;padding:.45rem .75rem;border-bottom:1px solid var(--border);min-height:42px}.se__track:last-child{border-bottom:none}.se__track--out{background:#3b82f60a}.se__track--vt{background:#ec48990f;border-left:3px solid #EC4899}.se__track--in{background:#3b82f60a}.se__track-icon{font-size:.9rem;flex-shrink:0;width:22px;text-align:center}.se__track-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.05rem}.se__track-title{font-weight:600;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.se__track-artist{font-size:.7rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.se__track-dur{font-family:SF Mono,monospace;font-size:.72rem;color:var(--text-muted);flex-shrink:0}.se__track-label{font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);flex-shrink:0;background:var(--bg-raised);padding:.1rem .35rem;border-radius:3px}.se__timer{font-family:SF Mono,monospace;font-size:1.1rem;font-weight:800;color:#dc2626;flex-shrink:0;animation:pulse-live 1s ease-in-out infinite}.se__level{height:4px;background:#ffffff0f;overflow:hidden}.se__level-fill{height:100%;transition:width .08s linear;border-radius:0 2px 2px 0}.se__controls{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;background:var(--bg-raised);min-height:52px}.se__hint{font-size:.75rem;color:var(--text-muted);margin-left:auto;margin-right:.5rem}.se__rec-btn{width:44px;height:44px;border-radius:50%;border:3px solid #DC2626;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.se__rec-btn:hover{background:#dc26261a;transform:scale(1.08)}.se__rec-dot{width:20px;height:20px;border-radius:50%;background:#dc2626}.se__stop-btn{width:44px;height:44px;border-radius:var(--radius-sm);border:none;background:#dc2626;color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.se__stop-btn:hover{background:#b91c1c;transform:scale(1.05)}.se__play-btn{width:44px;height:44px;border-radius:50%;border:none;background:var(--accent);color:#fff;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0;box-shadow:0 2px 8px #3b82f64d}.se__play-btn:hover{transform:scale(1.08)}.se__redo-btn{background:var(--bg-overlay);border:1px solid var(--border-strong);color:var(--text-primary);padding:.4rem .75rem;border-radius:var(--radius-sm);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s}.se__redo-btn:hover{border-color:var(--accent);color:var(--accent)}.se__save-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.5rem 1rem;border-radius:var(--radius-sm);font-weight:700;font-size:.82rem;cursor:pointer;transition:all .15s;box-shadow:0 2px 8px #10b9814d}.se__save-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #10b98166}.se__close-btn{background:none;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;padding:.25rem;transition:color .15s;flex-shrink:0}.se__close-btn:hover{color:var(--text-primary)}.se__track-strip{width:4px;align-self:stretch;border-radius:2px;flex-shrink:0}.se__track-vol{display:flex;align-items:center;gap:.3rem;flex-shrink:0}.se__track-vol-label{font-size:.7rem;opacity:.6}.se__vol-slider{width:60px;height:3px;accent-color:var(--accent);cursor:pointer}.se__vol-slider--vt{accent-color:#EC4899}.se__track-vol-val{font-family:SF Mono,monospace;font-size:.65rem;color:var(--text-muted);min-width:28px;text-align:right}.se__track-tag{font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);flex-shrink:0;background:var(--bg-raised);padding:.1rem .35rem;border-radius:3px}.se__overlap-row{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem;background:#ec489908;border-bottom:1px solid var(--border)}.se__overlap-label{font-size:.68rem;color:var(--text-muted);white-space:nowrap;min-width:110px}.se__overlap-slider{flex:1;height:3px;accent-color:#EC4899;cursor:pointer;max-width:200px}.se__overlap-val{font-family:SF Mono,monospace;font-size:.72rem;color:#ec4899;min-width:32px;text-align:right;font-weight:600}.sw{background:var(--bg-surface)}.sw__header{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:#ec489914;border-bottom:1px solid rgba(236,72,153,.2)}.sw__header-title{font-weight:700;font-size:.85rem;color:#ec4899;white-space:nowrap}.sw__header-tracks{font-size:.78rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sw__header-btn{background:none;border:1px solid rgba(255,255,255,.15);color:var(--text-secondary);border-radius:6px;padding:.25rem .6rem;cursor:pointer;font-size:.75rem;font-weight:600;white-space:nowrap;transition:all .15s}.sw__header-btn:hover{background:#ffffff14;color:var(--text-primary)}.sw__timeline{display:flex;flex-direction:column;background:#060a14;border-bottom:1px solid var(--border);overflow:hidden}.sw__row{display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.04);min-height:56px}.sw__row:last-child{border-bottom:none}.sw__row-label{width:140px;flex-shrink:0;padding:.3rem .5rem;display:flex;flex-direction:column;gap:.05rem;background:#0000004d;border-right:1px solid rgba(255,255,255,.04)}.sw__row-title{font-weight:600;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.sw__row-artist{font-size:.65rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sw__row-dur{font-family:SF Mono,monospace;font-size:.62rem;color:var(--text-muted)}.sw__row-vol{display:none}.sw__vol-slider{width:48px;height:3px;cursor:pointer}.sw__vol-val{font-family:SF Mono,monospace;font-size:.58rem;color:var(--text-muted);min-width:24px;text-align:right}.sw__row-wave{flex:1;min-width:0;transition:margin-left .05s linear}.sw__row-track{flex:1;min-width:0;overflow:hidden;padding:2px 0}.sw__overlap-info{display:flex;gap:1.5rem;justify-content:center;padding:.3rem .75rem;background:#ec48990a;border-bottom:1px solid var(--border);font-size:.72rem;font-weight:600;color:#ec4899}.sw__controls{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;background:var(--bg-raised);min-height:52px}.sw__row-tag{font-size:.55rem;font-weight:800;padding:.08rem .3rem;border-radius:3px;letter-spacing:.08em;text-transform:uppercase;display:inline-block;margin-bottom:.1rem;line-height:1}.sw__phase-hint{font-size:.72rem;color:var(--text-secondary);font-weight:600}.se__countdown{font-family:SF Mono,Fira Code,monospace;font-size:1.3rem;font-weight:800;color:var(--green);text-shadow:0 0 12px rgba(52,211,153,.3);min-width:50px;text-align:center;flex-shrink:0}.audio-settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:900;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:flex-end}.audio-settings{width:340px;max-width:90vw;background:var(--bg-surface);border-left:1px solid var(--border);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:100%;overflow-y:auto}.audio-settings__header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border);font-weight:700;font-size:.95rem}.audio-settings__perm{padding:1rem;background:#3b82f60f;border-bottom:1px solid var(--border);font-size:.82rem;color:var(--text-secondary)}.audio-settings__perm p{margin-bottom:.5rem}.audio-settings__section{padding:.85rem 1rem;border-bottom:1px solid var(--border)}.audio-settings__label{display:block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.35rem}.audio-settings__select{width:100%;background:var(--bg-raised);border:1px solid var(--border-strong);color:var(--text-primary);padding:.45rem .6rem;border-radius:var(--radius-sm);font-size:.82rem}.audio-settings__meter{height:6px;background:#ffffff0f;border-radius:3px;margin-top:.5rem;overflow:hidden}.audio-settings__meter-fill{height:100%;border-radius:3px;transition:width .08s linear}.audio-settings__meter-label{font-size:.68rem;color:var(--text-muted);margin-top:.2rem;display:block}.audio-settings__note{font-size:.78rem;color:var(--text-muted);font-style:italic}.audio-settings__footer{padding:.75rem 1rem;font-size:.72rem;color:var(--text-muted);margin-top:auto}@media (pointer: coarse){.nav-link{min-height:48px;padding:.75rem 1rem;font-size:.9rem}.btn-primary,.btn-outline,.btn-icon{min-height:44px;min-width:44px}.btn-sm{min-height:36px;min-width:36px;font-size:.82rem}.se__rec-btn{width:64px;height:64px}.se__rec-dot{width:28px;height:28px}.se__stop-btn,.se__play-btn{width:56px;height:56px;font-size:1.4rem}.mb__cart{min-height:72px}.mb__cart-add{width:48px;font-size:1.4rem}.mb__cart-title{font-size:.9rem}.mb__cart-artist{font-size:.78rem}.plr-card{min-height:52px;padding:.55rem .75rem}.plr-card__actions,.play-log-row__actions,.log-actions{opacity:1}.vt-row{min-height:48px}.vt-row__rec-btn{min-width:44px;min-height:44px;font-size:.9rem;padding:.4rem .6rem}.volume-envelope circle{r:10}.sw__row{min-height:64px}.sw__row-label{width:100px;font-size:.72rem}.mb__pill{min-height:36px;padding:.35rem .65rem;font-size:.78rem}.filter-tabs button{min-height:36px;padding:.35rem .7rem}.cat-pill{min-height:36px;padding:.35rem .75rem}}@media (max-width: 768px){.sidebar{display:none}.sidebar.mobile-open{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:800;width:280px;box-shadow:var(--shadow-lg)}.sidebar.mobile-open+.main-wrap:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:799;background:#00000080}.top-bar{height:48px;padding:0 .75rem;gap:.5rem}.top-bar-logo{height:24px}.top-bar-station-logo{height:20px}.np-progress,.np-next{display:none}.page-content{padding:.75rem}.page-header h1{font-size:1.1rem}.studio-page{height:calc(100vh - 48px)}.studio-top{flex-wrap:wrap;gap:.5rem;padding:.4rem .5rem}.studio-clock{font-size:1.2rem}.studio-np-title{font-size:.82rem}.studio-np-countdown{font-size:1rem}.studio-main{flex-direction:column}.studio-decks-panel{width:100%;flex-direction:row;overflow-x:auto;flex-shrink:0;max-height:180px}.studio-decks-panel .cart-player{min-width:200px;min-height:auto}.studio-log-panel{min-height:0}.page[style*="grid-template-columns: 1fr 1fr"]{display:flex!important;flex-direction:column!important}.dashboard-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.quick-actions{grid-template-columns:1fr 1fr}.cart-slots{grid-template-columns:repeat(2,1fr)}.mb__grid{gap:4px}.mb__cart-strip{width:28px}.sw__row-label{width:80px;padding:.2rem .35rem}.sw__row-title{font-size:.68rem}.sw__controls{flex-wrap:wrap;gap:.4rem;padding:.4rem .5rem}.se__hint{font-size:.68rem}.se__countdown{font-size:1rem}.vt-toolbar{flex-wrap:wrap;gap:.4rem;padding:.4rem .5rem}.vt-toolbar__title{font-size:.9rem}.vt-editor{max-height:55vh}.plr-card__artist,.plr-card__bpm{display:none}.media-table-wrap,.log-table-wrap,.crm-table-wrap{-webkit-overflow-scrolling:touch}.modal{max-width:100%;border-radius:0;max-height:100vh}.modal-overlay{padding:0}.te{width:100vw;max-width:100vw;border-radius:0}.audio-settings{width:100%}.media-search-panel{width:100%;top:48px}.login-card{border-radius:0;max-width:100%;padding:1.5rem}}@media (min-width: 768px) and (max-width: 1024px){.sidebar{width:60px}.sidebar .nav-link{justify-content:center;padding:.6rem}.sidebar .sw__row-title,.sidebar .nav-group-label,.sidebar-footer .user-name,.sidebar-footer .user-role{display:none}.sidebar-footer .btn-logout{font-size:0;padding:.5rem}.studio-decks-panel{width:240px}.cart-slots{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr 1fr}.sw__row-label{width:110px}}@media (max-width: 768px) and (orientation: landscape){.studio-top{padding:.25rem .5rem}.studio-clock{font-size:1rem}.studio-main{flex-direction:row}.studio-decks-panel{width:200px;flex-direction:column;max-height:none}.vt-editor{max-height:60vh}}@supports (padding-top: env(safe-area-inset-top)){.top-bar{padding-top:env(safe-area-inset-top)}.page-content,.sw__controls,.se__controls{padding-bottom:env(safe-area-inset-bottom)}}.sw__station-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);overflow-x:auto;flex-shrink:0}.sw__station-tab{padding:.5rem 1rem;font-size:.78rem;font-weight:600;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:all .15s}.sw__station-tab:hover{color:var(--text-primary);background:#ffffff05}.sw__station-tab--active{color:#ec4899;border-bottom-color:#ec4899}.sw__station-bar{display:flex;align-items:center;gap:.75rem;padding:.45rem .75rem;background:#ec48990a;border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0}.sw__station-bar-label{font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.sw__station-check{display:flex;align-items:center;gap:.3rem;font-size:.78rem;cursor:pointer;color:var(--text-primary)}.sw__station-check input[type=checkbox]{accent-color:#EC4899;width:16px;height:16px}.sw__tag-badge{font-size:.6rem;background:#ec489926;color:#ec4899;padding:.1rem .3rem;border-radius:3px;font-weight:700}.sw__tag-review{display:flex;gap:.5rem;flex-wrap:wrap;padding:.35rem .75rem;background:#ec489908;border-top:1px solid var(--border)}.sw__tag-item{display:flex;align-items:center;gap:.3rem;padding:.25rem .5rem;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.75rem}.sw__tag-name{font-weight:600;color:var(--text-primary)}.sw__tag-dur{font-family:SF Mono,monospace;font-size:.68rem;color:var(--text-muted)}