:root{font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#202c28;background:#f3f5f4;color-scheme:light;--green:#176846;--green-dark:#0e5034;--line:#dce3de;--muted:#63726a;--soft:#edf5ef;--error:#a72d2d}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}a{color:var(--green)}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:9px 15px;border:1px solid var(--green);border-radius:5px;background:var(--green);color:white;font-weight:600;text-decoration:none;cursor:pointer;line-height:1.3}button:hover,.button:hover{background:var(--green-dark)}button:disabled{opacity:.45;cursor:default}.secondary{background:white;color:#2f4539;border-color:#cdd8d0}.secondary:hover{background:#f1f6f2;border-color:#a4b8aa}.danger{color:#a13030;background:white;border-color:#e1cece}.danger:hover{background:#fff3f3}input,select{border:1px solid #c7d2ca;border-radius:5px;padding:9px 11px;min-height:40px;background:white;color:inherit;min-width:0;max-width:100%}input:focus,select:focus{border-color:var(--green)}input[type=checkbox]{accent-color:var(--green);width:18px;height:18px;min-height:18px;flex-shrink:0;margin:3px 0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,audio:focus-visible,[tabindex]:focus-visible{outline:3px solid #5eaa83;outline-offset:3px}fieldset{border:0;padding:0;margin:0;min-width:0}fieldset:disabled{opacity:.6}label{font-weight:600}h1,h2,h3,p{margin:0}h2{font-size:17px;line-height:1.4}h3{font-size:14px}small,.muted,.hint{color:var(--muted)}small{font-size:12px}.hint{font-size:12px;line-height:1.55}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:absolute;top:-100px;left:16px;background:white;padding:10px;z-index:20}.skip-link:focus{top:8px}[hidden]{display:none!important}.admin-wrap{max-width:1240px;padding:0 24px;margin:auto}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:86px;padding:16px 0}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#223c2c}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid #b9d5c3;border-radius:5px;background:#e5f1e8;color:var(--green);font-size:23px;font-weight:800}.brand strong{display:block;font-size:18px;line-height:1.3}.brand small{display:block;font-size:11px;letter-spacing:.02em}.header-info{display:flex;align-items:center;gap:22px;font-size:12px;color:var(--muted)}.state{display:inline-flex;align-items:center;gap:7px;font-weight:600;color:#52675a;white-space:nowrap}.state::before{content:"";width:7px;height:7px;border-radius:50%;background:#8c9d91}.state.live{color:var(--green)}.state.live::before{background:#2e9a60}.state.offline::before{background:#c88442}.now-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 24px;border:1px solid var(--line);border-left:3px solid var(--green);border-radius:5px;background:white;padding:14px 18px;align-items:center}.now-text{min-width:0}.eyebrow{font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--muted)}.now-bar h1{font-size:17px;font-weight:600;line-height:1.4;overflow-wrap:anywhere;margin-top:2px}.now-bar .feedback{grid-column:1/-1}.main-tabs{display:flex;gap:24px;margin:22px 0 18px;border-bottom:1px solid var(--line)}[role=tab]{border:0;border-radius:0;background:transparent;color:var(--muted);position:relative;font-weight:600}.main-tabs button{padding:10px 1px 13px;font-size:14px;min-width:90px;justify-content:flex-start}.main-tabs button[aria-selected=true]{color:var(--green);box-shadow:inset 0 -2px var(--green)}[role=tab]:hover{background:transparent;color:var(--green)}[role=tab][data-dirty=true]::after{content:"";width:6px;height:6px;border-radius:50%;background:#a96c17;margin-left:5px}.surface{background:white;border:1px solid var(--line);border-radius:6px;padding:20px;min-width:0}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.section-heading p{margin-top:3px;font-size:13px;color:var(--muted)}.section-heading>.muted{font-size:12px;align-self:center}.library-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}.library-main{padding:18px 0 0}.library-main>.section-heading{padding:0 18px;margin-bottom:10px}.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 18px}.sub-tabs{display:flex;gap:16px}.sub-tabs button{padding:10px 0;white-space:nowrap}.sub-tabs button[aria-selected=true]{color:var(--green)}.count{font-size:11px;background:#f0f3f1;border-radius:4px;min-width:23px;padding:1px 6px;margin-left:4px;color:#546b5c}.sub-tabs button[aria-selected=true] .count{background:#e4f1e8;color:var(--green)}.search{max-width:260px;flex:1}.search input{width:100%;min-height:36px;padding:7px 10px;font-size:12px}.list-hint{padding:9px 18px 10px;color:var(--muted);font-size:11px;border-bottom:1px solid var(--line)}.list-feedback{padding-left:18px;padding-right:18px}.list-scroll{max-height:62vh;overflow-y:auto;scrollbar-gutter:stable}.track-list{list-style:none;margin:0;padding:0}.track-row{display:grid;grid-template-columns:22px minmax(0,1fr) 48px auto;gap:10px;padding:9px 14px 9px 18px;align-items:center;border-bottom:1px solid #edf0ee;min-height:56px}.track-row:last-child{border-bottom:0}.track-row:hover{background:#fafcfb}.track-row[draggable=true]{cursor:grab}.track-row.dragging{opacity:.4}.track-row.drop-target{box-shadow:inset 0 2px var(--green);background:#edf6f0}.track-index{color:#8a978f;font-size:11px;text-align:center}.track-title{font-size:13px;font-weight:500;min-width:0;overflow-wrap:anywhere;line-height:1.4}.track-duration{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.track-actions{display:flex;gap:5px;flex-shrink:0}.track-actions button{padding:6px 9px;min-height:32px;font-size:11px;min-width:32px}.empty{padding:30px 18px;text-align:center;color:var(--muted);font-size:13px}.upload-panel .section-heading{margin-bottom:6px}.upload-panel>.muted{font-size:12px;margin-bottom:18px}.upload-panel form{display:grid;gap:8px}.upload-panel label{font-size:12px}.file-label{margin-top:8px}input[type=file]{padding:9px;font-size:11px;width:100%;overflow:hidden;min-height:46px}input::file-selector-button{font:inherit;background:#eef4f0;border:1px solid #cbd9cf;border-radius:4px;padding:5px 7px;color:#234f35;margin-right:8px;cursor:pointer}.upload-panel form>button{width:100%;margin-top:8px}.upload-note{margin-top:22px;border-top:1px solid var(--line);padding-top:14px;font-size:12px;color:var(--muted)}.upload-note strong{font-weight:600;color:#40594a}.upload-note p{margin-top:4px}progress{display:block;width:100%;height:8px;accent-color:var(--green);margin-top:16px}.feedback{font-size:12px;color:var(--muted);overflow-wrap:anywhere;min-height:0;line-height:1.5}.feedback:not(:empty){margin-top:10px;margin-bottom:4px}.feedback[data-state=error]{color:var(--error)}.feedback[data-state=success]{color:var(--green)}.feedback[data-state=dirty]{color:#94601a}.dirty-label{font-size:11px;color:#94601a;white-space:nowrap;background:#fff7e9;padding:3px 7px;border-radius:4px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.settings-group{min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:10px}.settings-group+.settings-group{border-left:1px solid var(--line);padding-left:32px}.settings-group h3{margin-bottom:6px}.settings-group>label:not(.check){font-size:12px;margin-top:6px}.check{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:13px;margin-bottom:6px}.check small{display:block;font-weight:400;margin-top:3px;line-height:1.55}.inline-field{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}.inline-field input{width:78px}.preview-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:4px}.settings-group audio{width:100%;height:38px}.settings-group .feedback:not(:empty){margin-top:0}.form-footer{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding-top:18px;margin-top:22px;border-top:1px solid var(--line)}.range-field{display:grid;grid-template-columns:1fr auto;gap:4px 16px;margin-bottom:4px;font-size:13px}.range-field output{font-size:12px;font-weight:600;color:var(--green);font-variant-numeric:tabular-nums}.range-field input{grid-column:1/-1;width:100%;accent-color:var(--green);padding:0;min-height:30px;border:0;background:transparent}.range-scale{grid-column:1/-1;display:flex;justify-content:space-between;font-size:10px;color:#7b8980}.range-field .hint{grid-column:1/-1;margin-top:4px}.retry{margin:12px 18px}.admin-footer{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#748278;padding:20px 0 24px}.admin-footer span{color:#8b978e}
@media(min-width:900px){.upload-panel{position:sticky;top:18px}}@media(max-width:800px){.admin-wrap{padding:0 16px}.library-layout{grid-template-columns:1fr}.upload-panel{grid-row:1}.upload-panel form{grid-template-columns:150px minmax(0,1fr) auto;align-items:end;gap:8px 12px}.upload-panel form>label{grid-row:1}.upload-panel form>select,.upload-panel form>input,.upload-panel form>button{grid-row:2;margin:0}.upload-panel form>label[for=files]{grid-column:2}.upload-panel form>.hint{grid-row:3;grid-column:2/-1}.upload-panel .upload-note{display:none}.upload-panel input[type=file]{min-height:40px}.upload-panel>.muted{margin-bottom:12px}.list-scroll{max-height:none}.settings-grid{gap:24px}.settings-group+.settings-group{padding-left:24px}.header-info{gap:12px}.track-actions button{min-height:40px;min-width:36px}}@media(max-width:560px){.admin-wrap{padding:0 12px}.admin-header{align-items:flex-start;min-height:0;padding:16px 0;flex-wrap:wrap;gap:12px}.brand strong{font-size:17px}.brand small{font-size:10px}.header-info{flex:1;justify-content:flex-end;flex-wrap:wrap;gap:7px 12px;min-width:160px}.header-info .button{min-height:34px;padding:7px 10px;font-size:11px}.header-info #status{font-size:11px}.state{font-size:11px}.now-bar{padding:12px;gap:10px;grid-template-columns:1fr}.now-bar h1{font-size:15px}.now-bar button{justify-self:start;min-height:40px;font-size:12px}.now-bar .feedback{margin:0}.main-tabs{margin-top:15px;gap:22px}.main-tabs button{min-width:0;padding-top:8px;font-size:13px}.surface{padding:16px}.library-main{padding:16px 0 0}.library-toolbar{flex-wrap:wrap;gap:5px}.search{max-width:none;flex-basis:100%}.search input{font-size:13px;min-height:40px}.list-hint{font-size:10px}.section-heading{gap:8px}.section-heading h2{font-size:16px}.section-heading>.muted{font-size:11px}.track-row{grid-template-columns:18px minmax(0,1fr) auto;padding:10px 12px;gap:6px 8px}.track-title{font-size:12px}.track-duration{grid-column:2;grid-row:2;text-align:left;font-size:10px}.track-actions{grid-column:3;grid-row:1/3}.track-actions button{padding:7px;min-width:34px;font-size:10px}.track-index{grid-row:1/3}.track-title{grid-row:1}.upload-panel form{display:grid;grid-template-columns:minmax(0,1fr)}.upload-panel form>*{grid-column:1!important;grid-row:auto!important}.upload-panel .file-label{margin-top:8px}.upload-panel form>button{margin-top:8px}.upload-panel form>.hint{margin-top:0}.settings-grid{grid-template-columns:1fr;gap:22px}.settings-group+.settings-group{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.dirty-label{font-size:10px;white-space:normal;max-width:100px}.form-footer{gap:10px}.form-footer button{width:100%}.form-footer>.hint{font-size:11px}.admin-footer{font-size:10px;flex-wrap:wrap}.settings-group select{width:100%;font-size:12px}.preview-row button{min-height:44px}}

.inline-confirm{padding:14px;margin:12px 18px;border:1px solid #e5c6ab;border-radius:5px;background:#fff9f3;display:flex;align-items:center;flex-wrap:wrap;gap:10px}.inline-confirm p{font-weight:600;font-size:13px;overflow-wrap:anywhere;min-width:0}.inline-confirm>p,.inline-confirm>.hint{flex-basis:100%}.inline-confirm>div{display:flex;gap:8px}#logout-confirm{margin:0 0 12px}.login-wrap{max-width:420px;margin:8vh auto;padding:0 18px;display:grid;gap:22px}.login-wrap h1{font-size:21px;margin-bottom:6px}.login-wrap form{display:grid;gap:8px;margin-top:22px}.login-wrap form button{margin-top:10px}.login-wrap label{font-size:12px}.brand img.brand-mark{border:0;background:transparent}.header-info{flex-wrap:wrap}#logout{font-size:12px;padding:8px 12px}@media(max-width:560px){.header-info{min-width:0}.inline-confirm{margin:12px}.inline-confirm button{min-height:44px}}

.track-preview{margin:12px 18px;padding:12px;border:1px solid #cee0d3;border-radius:5px;background:#f5faf7}.track-preview-heading{display:flex;align-items:flex-start;gap:12px;justify-content:space-between}.track-preview-heading>div{min-width:0}.track-preview h3{font-size:13px;overflow-wrap:anywhere;margin-top:3px}.track-preview-heading button{flex-shrink:0;font-size:11px;min-height:34px;padding:7px 10px}.track-preview audio{display:block;width:100%;height:38px;margin-top:10px}.track-preview-button[aria-pressed=true]{background:#e5f2e9;border-color:#96baa3;color:var(--green)}@media(max-width:560px){.track-actions{grid-column:2/4;grid-row:2;justify-content:flex-end}.track-row{grid-template-columns:18px minmax(0,1fr) 45px}.track-title{grid-column:2;grid-row:1}.track-duration{grid-column:3;grid-row:1;text-align:right}.track-preview-heading{flex-wrap:wrap}.track-preview-heading button{min-height:40px}.track-preview{margin:12px}}
.rename-form{display:grid;gap:8px}.rename-form input{width:100%;min-width:0}.rename-form .feedback{margin:0}.track-actions{flex-wrap:wrap}