#workspace-tools{position:fixed;bottom:max(10px,env(safe-area-inset-bottom));right:max(10px,env(safe-area-inset-right));z-index:200;font-size:13px}
#workspace-tools>summary{display:grid;place-items:center;list-style:none;width:42px;height:42px;border-radius:50%;background:#244f3eee;color:#fff;box-shadow:0 2px 10px #0004;cursor:pointer;font-size:24px}
#workspace-tools>div{position:absolute;bottom:50px;right:0;width:230px;max-width:calc(100vw - 24px);padding:10px;display:grid;gap:8px;background:#f7f8f5;border:1px solid #a9bdb0;box-shadow:0 3px 18px #0003;border-radius:9px}
#workspace-tools button,#workspace-tools select{min-height:42px;width:100%;font-size:14px;padding:8px;border:1px solid #ccd9cf;border-radius:5px}
#workspace-tools label{display:grid;gap:5px}#workspace-message{font-size:12px;color:#58685e}
#workspace-tools>div{max-height:calc(100dvh - 80px);overflow:auto}
.workspace-dsh,.workspace-plex{display:none;font-size:12px;gap:6px}
body.dsh-page .workspace-dsh,body.plex-page .workspace-plex{display:grid}
#page-status,.hub-page{margin-top:0}
#page-status>section:first-of-type{margin-top:0}
main{padding-top:6px}
body.has-player{padding-bottom:0}
body #persistent-player{left:auto;right:auto;bottom:auto;top:8px;margin:0;padding:6px;width:360px;max-width:calc(100vw - 16px);box-sizing:border-box;display:flex;flex-direction:column;gap:4px;border:1px solid #656577;border-radius:9px;box-shadow:0 4px 20px #0005}
body[data-nav-dock] #persistent-player{right:auto}
#persistent-player .player-header{display:flex;align-items:center;gap:4px;width:100%;min-width:0}
#persistent-player .player-label{flex:1;min-width:0;cursor:grab;touch-action:none;user-select:none;padding:2px 4px}
#persistent-player.player-dragging .player-label{cursor:grabbing}
#persistent-player .player-label strong{font-size:12px;line-height:16px}
#persistent-player .player-label small{font-size:10px;line-height:12px;margin-top:1px}
#persistent-player button{font-size:13px;padding:0;width:28px;height:28px;flex:none}
#persistent-player .player-body{display:flex;align-items:center;gap:4px;width:100%}
#persistent-player .player-buttons{gap:2px;align-items:center}
#persistent-player a{font-size:11px;padding:4px 2px}
#persistent-player #hub-audio{flex:1;min-width:0;width:230px;height:34px;order:0}
#persistent-player.player-collapsed .player-body,#persistent-player.player-collapsed .player-label small{display:none}
#persistent-player.player-collapsed{width:260px}
#sleep-dialog{width:min(380px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;padding:18px;background:#252535;color:#ddd;border:1px solid #686878;border-radius:10px;box-shadow:0 8px 40px #0007}
#sleep-dialog::backdrop{background:#0006}
#sleep-dialog .sleep-heading{display:flex;align-items:center;gap:12px;margin:0}
#sleep-dialog h2{flex:1;font-size:17px;margin:0}
#sleep-dialog button{font:inherit;font-size:13px;min-height:38px;padding:7px 10px;background:#383847;color:#ddd;border:1px solid #626273;border-radius:4px}
#sleep-dialog #sleep-status{font-size:14px;color:#90ed71;margin:16px 0}
#sleep-dialog .sleep-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
#sleep-dialog #sleep-custom{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:14px 0;font-size:13px}
#sleep-dialog input{width:65px;min-width:0;font:inherit;padding:8px;color:#eee;background:#111;border:1px solid #666;border-radius:4px}
#sleep-dialog #sleep-cancel{width:100%}
#sleep-dialog button:disabled{opacity:.4;cursor:default}
#sleep-dialog .sleep-note{font-size:12px;line-height:1.7;color:#aaa;margin:12px 0 0}
#winamp #sleep-open.sleep-active,#persistent-player #player-sleep.sleep-active{color:#9aff72;border-color:#69a851;background:#183118}
@media(min-width:851px){.winamp-desk{height:var(--music-height,calc(100dvh - 78px))}}
#remote-frame{display:block;width:100%;height:calc(100dvh - 108px);border:0;background:#111}
#remote-workspace{margin:0}
body.remote-open #page-status>:not(#remote-workspace){display:none}
body.remote-open:has(#page-status:not([hidden])) footer{display:none}
.mobile-pane-tabs{display:none}
body.focus-mode,body.focus-mode.has-player{padding:0;margin:0}
body.focus-mode .topbar,body.focus-mode footer,body.focus-mode .hub-heading,body.focus-mode .dsh-toolbar,body.focus-mode #persistent-player{display:none!important}
body.focus-mode main{margin:0!important;padding:0!important;width:100%;max-width:none}
body.focus-mode .hub-page,body.focus-mode #page-status{margin:0}
body.focus-mode #dsh-frame,body.focus-mode #plex-frame,body.focus-mode #remote-frame{border:0;border-radius:0;width:100%}
body.focus-mode.focus-player-visible #persistent-player:not([hidden]){display:flex!important}
body.focus-mode #hub-auth{margin:20px auto;max-width:560px}
body.focus-mode #page-files:not([hidden]){height:var(--workspace-height,100dvh);display:flex;flex-direction:column}
body.focus-mode #page-files>.hub-note,body.focus-mode .tc-titlebar,body.focus-mode .tc-menu{display:none}
body.focus-mode #commander{flex:1;min-height:0;display:flex;flex-direction:column;border:0;border-radius:0;margin:0;padding:4px}
body.focus-mode .tc-panels{flex:1;min-height:0}
body.focus-mode .tc-panel{display:flex;flex-direction:column;min-height:0}
body.focus-mode .tc-panel>:not(.tc-directory){flex:none}
body.focus-mode #commander .tc-filter{flex:none;height:30px;min-width:0}
body.focus-mode .tc-directory{height:auto;flex:1;min-height:0}
body.focus-mode .tc-files{min-height:0}
body.focus-mode .tc-sync{max-height:85px;overflow:auto;padding:5px}
body.focus-mode .tc-sync .hub-note,body.focus-mode .tc-sync progress{display:none}
body.focus-mode .tc-sync p{margin:2px 0!important;font-size:11px!important}
body.focus-mode .tc-functionbar{flex:none}
body.focus-mode #page-music .winamp-desk{height:var(--workspace-height,100dvh);padding:5px;border:0}
body.focus-mode #winamp{width:100%;grid-template-columns:minmax(340px,410px) minmax(0,1fr)}
body.focus-mode #winamp.library-hidden{width:min(100%,520px);grid-template-columns:minmax(0,1fr)}
@media(max-width:700px){
 .topbar .brand{font-size:16px}.topbar{padding:6px 10px;gap:4px;min-height:0}.topbar .hub-nav{gap:0}.topbar .hub-nav a{padding:10px 6px;min-height:38px}
 .hub-heading{margin-bottom:8px}.hub-heading h1{font-size:19px!important}.hub-heading p{display:none}
 .mobile-pane-tabs{display:flex;gap:4px;padding:3px 0 5px}.mobile-pane-tabs button{flex:1;min-height:40px}.mobile-pane-tabs button[aria-pressed=true]{background:#12367e!important;color:#fff!important}
 body:not([data-file-pane=both]) .tc-panels{grid-template-columns:minmax(0,1fr)}
 body[data-file-pane=remote] .tc-panel:nth-child(2),body[data-file-pane=local] .tc-panel:first-child{display:none!important}
 .tc-drive>span,.tc-drive select{flex-basis:auto!important;width:auto!important}.tc-drive button{width:auto!important}.tc-drive{flex-wrap:nowrap}
 .tc-directory{height:calc(100dvh - 380px);min-height:200px}.tc-panel-title span{display:none}
 .tc-file-name{flex-basis:auto}.tc-file-row{min-height:43px}.tc-file-meta{display:none}#commander .tc-download{padding:10px 6px}
 .tc-help{display:none}#commander .tc-functionbar button{min-height:38px;min-width:0;font-size:11px;padding:5px 3px}
 body.focus-mode .tc-directory{min-height:0}.tc-tree-wrap{max-height:120px}.tc-tree-wrap .tc-tree{max-height:90px}
 body.focus-mode #winamp{display:flex;flex-direction:column;width:100%;gap:5px}
 body.focus-mode #winamp .wa-deck{flex:none;gap:4px}
 body.focus-mode #winamp .wa-browser{height:auto;flex:1;min-height:120px}
 body.focus-mode #winamp .wa-playlist{max-height:100px;flex:none}
 body.focus-mode #winamp .wa-pl-list{max-height:65px}
 body.focus-mode #winamp .wa-display{height:65px;padding:4px 7px}
 body.focus-mode #winamp .wa-fm-summary{display:none}
 body.focus-mode #winamp #fm-settings .wa-slider-row{margin:2px 0}
 body.focus-mode #winamp .wa-position{margin:4px 6px}
 body.focus-mode #winamp #music-search{flex-wrap:nowrap;padding:4px}
 body.focus-mode #winamp #music-search select{width:86px;font-size:11px;padding:4px 2px}
 body.focus-mode #winamp #music-query{width:60px}
 body.focus-mode #winamp .wa-controls{flex-wrap:nowrap}
 body.focus-mode #winamp .wa-btn{width:30px}
 body.focus-mode #winamp .wa-sliders{flex:1}
 #workspace-tools>summary{width:38px;height:38px;opacity:.9}
}
@media(max-height:500px) and (orientation:landscape){
 body.focus-mode #winamp{display:grid;grid-template-columns:minmax(300px,40%) minmax(0,1fr)}
 body.focus-mode #winamp .wa-browser{height:auto;min-height:0}
 body.focus-mode #winamp .wa-deck{overflow:auto;min-height:0}
 body.focus-mode #winamp .wa-display{height:65px;padding:4px 7px}
 body.focus-mode #winamp .wa-fm-summary{display:none}
 body.focus-mode #winamp .wa-position{margin:4px 6px}
 body.focus-mode .tc-sync{max-height:45px}.tc-tree-wrap{display:none}.tc-directory{grid-template-columns:minmax(0,1fr)}body.focus-mode .tc-functionbar{flex-wrap:nowrap}
}
@media(max-height:360px) and (orientation:landscape){
 body.focus-mode .tc-panel-title{display:none}
 body.focus-mode .mobile-pane-tabs button{min-height:30px}
 body.focus-mode .tc-drive,body.focus-mode .tc-path{min-height:30px;padding:2px}
 body.focus-mode #commander .tc-drive button,body.focus-mode #commander .tc-path button,body.focus-mode #commander select{padding:3px}
 body.focus-mode #commander .tc-filter{height:26px;margin:2px 0}
 body.focus-mode .tc-status{min-height:26px;padding:1px}
 body.focus-mode #commander .tc-status button{padding:2px 7px}
 body.focus-mode .tc-sync{max-height:26px}
 body.focus-mode .tc-functionbar button{overflow:hidden;text-overflow:ellipsis}
}