:root{color-scheme:dark;--bg:#0b0f13;--panel:#171d24;--line:#2c3540;--text:#eef4f8;--muted:#82909f;--red:#e21b35;--blue:#28aee8;--green:#20d184;--amber:#f2ac27;--orange:#f28c28;--purple:#a774ff;--pink:#eb55a8;font-family:Inter,"Segoe UI",Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);height:100vh;display:flex;flex-direction:column;overflow:hidden}header{height:66px;flex:0 0 66px;display:flex;align-items:center;gap:14px;padding:8px 14px;background:#141a20;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:7px;text-decoration:none;color:#fff;font-weight:900}.brand i{font-style:normal;background:var(--red);width:35px;height:35px;display:grid;place-items:center;border-radius:5px}.brand span span{color:#ff4058}header small{display:block;color:#718090;font-size:8px;letter-spacing:1.4px}select{background:#1d252e;border:1px solid #34404c;border-radius:4px;color:#dbe3ea;padding:8px;font-size:11px}#stationSelect{color-scheme:dark;border:0;background:transparent;color:#fff;padding:2px 0;font-size:15px;font-weight:700}#stationSelect option{color-scheme:dark;background:#151a20;color:#eef3f7}#stationSelect option:checked{background:#303b46;color:#fff}#stationSelect:focus-visible{outline:2px solid #5bbbea;outline-offset:2px}.search{margin-left:auto;display:flex;align-items:center;background:#0c1014;border:1px solid #35414d;border-radius:5px;width:min(370px,30vw);padding:0 10px}.search span{color:#6f7d8c}.search input{height:35px;flex:1;border:0;background:transparent;color:#fff;outline:0;padding:0 8px}header button{border:1px solid #a52a3d;background:var(--red);color:#fff;border-radius:4px;padding:9px 11px;font-size:9px;font-weight:800}#keyButton{border-color:#34404c;background:#202832;color:#83909d}main{--library-list-width:330px;display:grid;grid-template-columns:var(--library-list-width) 8px minmax(0,1fr);flex:1;min-height:0}.library-splitter{position:relative;min-width:8px;background:#0d1217;cursor:col-resize;touch-action:none;outline:0}.library-splitter::after{content:"";position:absolute;left:3px;top:0;bottom:0;width:2px;background:#2d3944;transition:background .12s,box-shadow .12s}.library-splitter:hover::after,.library-splitter:focus-visible::after,body.library-resizing .library-splitter::after{background:var(--blue);box-shadow:0 0 0 1px #16394b}.library-splitter:focus-visible{box-shadow:inset 0 0 0 2px #5bbbea}body.library-resizing{cursor:col-resize;user-select:none}.media-list-panel{background:#11161c;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.list-heading{height:35px;flex:0 0 35px;display:flex;align-items:center;gap:8px;padding:0 11px;border-bottom:1px solid var(--line);font-size:8px;color:#778594}.list-heading b{color:#aab6c1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.list-heading #selectAllResults{flex:0 0 auto}.list-heading>span{margin-left:auto;flex:0 0 auto}.media-list{overflow:auto}.library-loading{min-height:220px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#9aa8b5;font-size:11px;font-weight:700;letter-spacing:.2px}.library-loading-spinner{width:34px;height:34px;border:3px solid #2a3641;border-top-color:var(--blue);border-radius:50%;animation:library-loading-spin .8s linear infinite}@keyframes library-loading-spin{to{transform:rotate(360deg)}}.media-row{padding:10px 11px;border-bottom:1px solid #252d36;cursor:pointer;display:grid;grid-template-columns:18px 34px minmax(0,1fr) auto;gap:9px;align-items:center}.media-row:hover{background:#1a222a}.media-row.selected{background:#29151b;border-left:3px solid var(--red);padding-left:8px}.media-icon{width:34px;height:34px;border-radius:4px;display:grid;place-items:center;background:#17344a;color:#70ccf5}.media-icon.commercial{background:#403016;color:#f4bf58}.media-icon.station_id,.media-icon.beds,.media-icon.csa,.media-icon.sweeper{background:#34234b;color:#c9a8fa}.media-row b,.media-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-row b{font-size:11px}.media-row small{color:#7f8d9c;font-size:9px;margin-top:3px}.media-row time{font-size:10px;color:#98a4af}.empty{padding:25px;color:#71808e;text-align:center;font-size:11px}.editor{min-width:0;min-height:0}.empty-editor{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#71808e}.empty-editor b{width:60px;height:60px;border-radius:50%;background:#172029;display:grid;place-items:center;font-size:26px}.empty-editor h1{color:#b4bec7;font-size:17px;margin:13px 0 3px}.empty-editor p{font-size:11px}.editor-content{height:100%;display:flex;flex-direction:column;min-height:0}.track-heading{height:92px;flex:0 0 92px;display:flex;align-items:center;padding:12px 18px;border-bottom:1px solid var(--line);gap:12px}.art{width:58px;height:58px;border-radius:5px;background:linear-gradient(145deg,var(--red),#53121c);display:grid;place-items:center;font-weight:900}.track-heading>div:nth-child(2){min-width:0}.track-heading>div:nth-child(2)>span{font-size:8px;color:var(--blue);font-weight:900}.track-heading h1{margin:4px 0 2px;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-heading p{margin:0;color:#8d9aa7;font-size:11px}.track-heading dl{margin-left:auto;display:flex;gap:25px}.track-heading dl div{border-left:1px solid var(--line);padding-left:14px}.track-heading dt{font-size:7px;color:#71808f;letter-spacing:1px}.track-heading dd{margin:4px 0 0;font-size:11px}.wave-editor{background:#10151a;border-bottom:1px solid var(--line)}.wave-toolbar{height:40px;display:flex;align-items:center;gap:5px;padding:5px 12px;border-bottom:1px solid var(--line)}.wave-toolbar button{height:29px;border:1px solid #3b4651;background:#232c35;color:#bec8d1;border-radius:3px;padding:0 10px;font-size:9px;font-weight:800}.wave-toolbar #play{background:#173c2c;border-color:#276345;color:#63dda1}.wave-toolbar time{font:700 15px monospace;margin-left:5px}.wave-toolbar .zoom{margin-left:auto;display:flex;align-items:center;gap:5px}.wave-toolbar .zoom span,#decodeStatus{font-size:8px;color:#748291}.wave-toolbar input{width:80px}.wave-scroll{height:205px;overflow-x:auto;overflow-y:hidden;background:#090d11}.wave-stage{height:100%;min-width:100%;position:relative;background:linear-gradient(#101820,#090e13)}.wave-loading-overlay{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#0a0f14;color:#8b99a7;font-size:12px;font-weight:700;letter-spacing:.2px;pointer-events:none}.wave-loading-overlay[hidden]{display:none}.wave-loading-spinner{width:32px;height:32px;border:3px solid #2a3641;border-top-color:var(--blue);border-radius:50%;animation:wave-loading-spin .8s linear infinite}@keyframes wave-loading-spin{to{transform:rotate(360deg)}}canvas{display:block;height:100%;width:100%}.play-line{position:absolute;top:0;bottom:0;width:1px;background:#fff;left:0;pointer-events:none;box-shadow:0 0 4px #fff}.marker{--colour:#fff;position:absolute;top:0;bottom:0;width:2px;background:var(--colour);left:0;cursor:ew-resize;z-index:2}.marker b{position:absolute;top:4px;left:3px;background:var(--colour);color:#081016;padding:3px 5px;font-size:7px;white-space:nowrap}.marker i{position:absolute;top:0;left:-5px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid var(--colour)}.marker.cue-in{--colour:var(--green)}.marker.intro{--colour:var(--orange)}.marker.hook-in{--colour:var(--purple)}.marker.hook-out{--colour:var(--pink)}.marker.segue{--colour:var(--amber)}.marker.cue-out{--colour:var(--red)}.timeline{height:23px;position:relative;background:#12181e;border-top:1px solid #28313a;color:#6f7d8b;font-size:8px}.timeline span{position:absolute;top:5px;transform:translateX(-50%)}.point-editor{flex:1;min-height:0;overflow:auto;padding:9px 14px}.point{height:48px;display:grid;grid-template-columns:5px 155px 110px 120px 80px;gap:7px;align-items:center;border-bottom:1px solid #252e37}.point>span{height:28px;background:var(--colour);border-radius:3px}.point label{font-size:10px;font-weight:700}.point label small{display:block;color:#748290;font-size:8px;margin-top:3px;font-weight:400}.point input{background:#0d1116;border:1px solid #34404b;color:#e7edf2;border-radius:3px;padding:7px;font:11px monospace}.point button{background:#202832;border:1px solid #35414c;color:#98a5b2;border-radius:3px;padding:7px;font-size:8px}.point.cue-in{--colour:var(--green)}.point.intro{--colour:var(--blue)}.point.hook-in{--colour:var(--purple)}.point.hook-out{--colour:var(--pink)}.point.segue{--colour:var(--amber)}.point.cue-out{--colour:var(--red)}.savebar{height:62px;flex:0 0 62px;border-top:1px solid var(--line);background:#141a20;display:flex;align-items:center;padding:8px 15px;gap:7px}.savebar>div{margin-right:auto}.savebar .verified{font-size:8px;color:var(--green);font-weight:900}.savebar p{font-size:9px;color:#778594;margin:3px 0 0}.savebar button{background:#232c35;border:1px solid #3a4652;color:#a7b3be;border-radius:4px;padding:9px 12px;font-size:9px;font-weight:800}.savebar #save{background:var(--red);border-color:var(--red);color:#fff}dialog{background:#171d24;color:#fff;border:1px solid #3a4652;border-radius:6px;padding:22px}dialog p{font-size:11px;color:#82909e}dialog input{display:block;width:320px;background:#0b0f13;border:1px solid #3b4753;color:#fff;padding:10px}dialog button{float:right;margin-top:12px;background:var(--red);color:#fff;border:0;border-radius:4px;padding:9px 13px}@media(max-width:900px){main{grid-template-columns:var(--library-list-width,250px) 8px minmax(0,1fr)}.track-heading dl{display:none}.point{grid-template-columns:5px 110px 100px 1fr}.point button:last-child{display:none}.search{display:none}}@media(max-width:650px){main{grid-template-columns:1fr}.media-list-panel,.library-splitter{display:none}.point{grid-template-columns:5px 95px 90px 1fr}.wave-scroll{height:170px}#typeFilter,#importButton{display:none}}
.media-icon.sound_effect{background:#20384b;color:#8dd4ff}
.brand i{font-size:10px;line-height:35px;letter-spacing:0;display:block;text-align:center;padding:0;text-indent:0;vertical-align:middle}.brand i::after{content:none}
.list-heading{display:grid;grid-template-columns:1fr auto 1fr;gap:7px}
.list-heading span{text-align:right}
.list-heading button{border:1px solid #394754;border-radius:3px;background:#1c252d;color:#b8c4cd;padding:4px 7px;font-size:7px;font-weight:900}
.list-heading button:hover{border-color:#28aee8;color:#fff}
.list-heading button.active{border-color:#20d184;background:#143426;color:#67dfa4}

/* AirPro 2.168: Library duration and Intro columns. */
.list-heading{display:grid;grid-template-columns:minmax(0,1fr) auto 42px 42px;gap:9px;align-items:center}
.list-heading>span{margin-left:0;text-align:right;min-width:0}
.media-row{grid-template-columns:18px 34px minmax(0,1fr) 42px 42px}
.media-row time{text-align:right;font-variant-numeric:tabular-nums}
.media-row .track-intro.has-intro{color:var(--orange);font-weight:800}


/* AirPro 2.168: per-user resizable Library list / metadata split. */
.library-splitter[aria-disabled="true"]{cursor:default;opacity:.45}

/* Build 112 Library header action menu */
.library-header{overflow:visible;position:relative;z-index:50}
.library-header-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.library-actions{position:relative;flex:0 0 auto}
.library-actions>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:116px;height:36px;padding:0 11px;border:1px solid #3d4a56;border-radius:5px;background:#202832;color:#e9f0f5;font-size:9px;font-weight:900;cursor:pointer;user-select:none;transition:border-color .14s,background .14s,color .14s}
.library-actions>summary::-webkit-details-marker{display:none}
.library-actions>summary::marker{content:""}
.library-actions>summary:hover,.library-actions[open]>summary{border-color:#5bbbea;background:#26323c;color:#fff}
.library-actions>summary:focus-visible{outline:2px solid #5bbbea;outline-offset:2px}
.library-actions>summary i{font-style:normal;color:#8fa0ad;font-size:12px;line-height:1;transition:transform .14s}
.library-actions[open]>summary i{transform:rotate(180deg);color:#d9eff9}
.library-actions-menu{position:absolute;right:0;top:calc(100% + 9px);z-index:1200;width:292px;padding:8px;background:#171e25;border:1px solid #3c4955;border-radius:8px;box-shadow:0 18px 45px #000a,0 0 0 1px #0a0e12;overflow:hidden}
.library-actions-menu::before{content:"";position:absolute;right:28px;top:-6px;width:10px;height:10px;background:#171e25;border-left:1px solid #3c4955;border-top:1px solid #3c4955;transform:rotate(45deg)}
.library-actions-group{position:relative;padding:6px 0}
.library-actions-group+.library-actions-group{border-top:1px solid #2d3741}
.library-actions-group>small{display:block;padding:2px 9px 6px;color:#657584;font-size:7px;line-height:1.2;letter-spacing:1.2px;font-weight:900}
.library-actions-menu button{float:none;margin:0;width:100%;min-height:46px;display:grid;grid-template-columns:31px minmax(0,1fr);gap:9px;align-items:center;text-align:left;border:0;border-radius:5px;background:transparent;color:#dce5ec;padding:7px 9px;font-size:10px;font-weight:700;cursor:pointer}
.library-actions-menu button:hover:not(:disabled){background:#222d36;color:#fff}
.library-actions-menu button:focus-visible{outline:2px solid #5bbbea;outline-offset:-2px}
.library-actions-menu button:disabled{opacity:.42;cursor:not-allowed}
.library-actions-menu button[hidden]{display:none}
.library-actions-menu button>span:last-child{min-width:0;display:block}
.library-actions-menu button b{display:block;color:inherit;font-size:10px;line-height:1.25}
.library-actions-menu button small{display:block;margin-top:2px;color:#7f8e9b;font-size:8px;line-height:1.35;letter-spacing:0;font-weight:500}
.library-menu-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:5px;background:#24303a;border:1px solid #354451;color:#8fd7f8;font-size:13px;font-weight:900}
.library-menu-primary .library-menu-icon{background:#173b2c;border-color:#275c45;color:#67dfa4}
.library-actions-danger button.danger-header{border:1px solid transparent;background:transparent;color:#ff8292}
.library-actions-danger button.danger-header:hover:not(:disabled){border-color:#63313a;background:#351a20;color:#ff9eaa}
.library-actions-danger .library-menu-icon{background:#361a20;border-color:#5c2a34;color:#ff7183}
#accountButton{flex:0 0 36px;width:36px;height:36px;padding:0;display:grid;place-items:center;border-color:#3d4a56;background:#202832;color:#9aabba;font-size:13px}
#accountButton:hover{border-color:#5bbbea;background:#26323c;color:#fff}
@media(max-width:1120px){.library-actions>summary{min-width:40px;width:40px;padding:0;justify-content:center}.library-actions>summary span{display:none}.library-actions>summary i{font-size:15px}.library-actions-menu{right:-44px}.library-actions-menu::before{right:72px}}
@media(max-width:650px){#importButton{display:grid}.library-actions-menu{position:fixed;right:10px;top:62px;width:min(292px,calc(100vw - 20px))}.library-actions-menu::before{display:none}}

/* AirPro 2.168 - multi-selection delete control. */
.list-heading .library-selection-actions{display:flex;align-items:center;gap:5px}.list-heading .danger-selection{border-color:#883043;background:#351820;color:#ff8191}.list-heading .danger-selection:hover{border-color:#e21b35;background:#5a1b28;color:#fff}
