:root{color-scheme:dark}body{display:flex;flex-direction:column;height:100dvh}a.title{color:#9fd8c2;text-decoration:none;font-size:20px}.topbar{flex:none;gap:10px;padding:10px 16px}.topbar .add-folder{padding:9px 12px;font-size:13px}.search{width:190px}.main{height:auto;flex:1;min-height:130px}.player{flex:none}.cue-panel{flex:none;padding:12px 16px;background:#15221f;border-bottom:1px solid #35534a}.cue-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.cue-heading span{font-size:12px;color:#b7c4bf}.cue-tools{display:flex;gap:6px;flex-wrap:wrap}.cue-tools button,.cue-import,dialog button{border:1px solid #50665e;border-radius:6px;background:#22362e;color:#e1f4ec;padding:7px 10px;cursor:pointer;font-size:12px}.cue-pads{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.cue-pad{background:#1d302a;border:1px solid #3c5a50;border-radius:8px;padding:8px;min-width:0}.cue-pad.active{border-color:#a4efc8;background:#2e5141}.cue-trigger{display:flex;justify-content:space-between;align-items:center;background:none;border:0;color:#f1fff7;width:100%;padding:4px 0 8px;cursor:pointer;gap:6px;text-align:left}.cue-trigger kbd{border:1px solid #607b6d;border-radius:4px;padding:3px 5px}.cue-pad input,.cue-pad select{background:#13251f;color:#e0ede7;border:1px solid #456457;border-radius:4px;width:100%;padding:5px;margin-top:5px;font-size:12px;min-width:0}.cue-options{display:flex;align-items:center;gap:5px;font-size:11px;margin-top:4px}.cue-options select{width:auto;flex:1}.cue-options label{display:flex;gap:2px;align-items:center;white-space:nowrap}.cue-options input{width:auto}.cue-status{color:#b7d4c6;font-size:12px;margin-top:8px;line-height:1.5;min-height:18px}.cue-status.error{color:#ffb5b5}.song{outline-offset:-2px}.song:focus-visible,button:focus-visible,a:focus-visible,label.cue-import:focus-within{outline:2px solid #a4efc8}dialog{max-width:640px;width:90vw;background:#19241f;color:#e7eee8;border:1px solid #789383;border-radius:12px;line-height:1.7;padding:24px}dialog::backdrop{background:#000a}dialog a{color:#b9eacc}dialog form{text-align:right}button:disabled{opacity:.5;cursor:not-allowed}#stopAll{background:#553029;border-color:#a96659}
@media(max-width:1150px){.topbar{height:auto;flex-wrap:wrap}.search{margin-left:0;flex:1;max-width:none}.cue-heading{align-items:flex-start}.cue-heading span{display:block}.player{grid-template-columns:150px 1fr 230px;gap:10px;padding:10px}.right-controls{flex-wrap:wrap}.volume-area{display:flex}.panel-btn{padding:0 8px;min-width:40px}}
@media(max-width:760px){body{height:auto;min-height:100dvh;overflow:auto}.title{width:100%}.library-count{font-size:11px}.topbar .add-folder{padding:7px 8px}.search{width:140px}.cue-heading{display:block}.cue-tools{margin-top:8px}.cue-pads{grid-template-columns:repeat(2,minmax(0,1fr))}.main{flex:none;height:460px;grid-template-columns:130px 1fr}.sidebar{display:block;padding:6px}.song,.content-header{padding:0 8px;grid-template-columns:25px 1fr}.player{height:auto;grid-template-columns:1fr;padding:10px 14px;gap:8px;position:sticky;bottom:0;z-index:100}.now-playing{display:flex;gap:10px;align-items:center}.now-name{margin:0}.small-info{display:none}.right-controls{justify-content:center}.volume-area{display:flex;max-width:150px}.controls{margin-bottom:4px}.cue-heading strong{font-size:15px}.cue-status{font-size:12px}.modal-header{padding:12px;gap:8px;height:auto;min-height:68px}.header-right{gap:8px}.modal-title{font-size:17px}.preset-row{flex-wrap:wrap}.main .sidebar-title{font-size:11px}.folder{font-size:12px}.eq-band{overflow:hidden}}
@media(max-width:760px){.player{position:static}}