.live-layout{display:contents}.live-chat,.live-dock,.live-drawer,#expand-player{display:none}
.live-mode .topbar{height:64px;padding:0 22px;gap:14px}.live-mode .wordmark span{display:none}.live-mode .workspace{display:flex;flex-direction:column;min-height:0}.live-mode .rail{padding:0 22px;border-right:0;border-bottom:1px solid var(--line);display:block}.live-mode .rail nav{display:flex;gap:8px}.live-mode .rail .nav{min-height:44px;padding:8px 14px;font-size:14px}.live-mode .rail-bottom,.live-mode .footer{display:none}.live-mode .main-content{max-width:none;height:calc(100dvh - 109px);min-height:430px;padding:12px 18px}.live-mode #tab-live{height:100%}.live-mode .live-layout{display:flex;flex-direction:column;gap:10px;height:100%}.live-mode .live-chat{display:flex;flex-direction:column;min-height:200px;flex:1;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel)}.live-chat header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;border-bottom:1px solid var(--line)}.live-chat header>div{display:flex;align-items:center;gap:18px}.live-chat h2{font-size:19px;white-space:nowrap}.live-chat h2 span{font-size:11px;color:var(--muted);font-weight:400;margin-left:8px}.live-chat a{font-size:13px;color:var(--muted);white-space:nowrap}.live-chat iframe{border:0;width:100%;flex:1;min-height:120px;background:#18181b;color-scheme:dark}.live-chat>p{padding:7px 16px;margin:0;font-size:12px;color:var(--muted);border-top:1px solid var(--line);max-width:none}#live-drawer-count{font-variant-numeric:tabular-nums;color:var(--muted);font-size:13px}
.live-mode .live-dock{display:block;flex-shrink:0}.live-mode .deck{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(130px,220px) auto;gap:12px 20px;padding:12px 16px;background:#19191f;border:1px solid var(--line);border-radius:10px;max-height:48dvh;overflow:auto}.live-mode .deck-top,.live-mode .transport{display:contents}.live-mode .deck-top #track-state,.live-mode .source-label,.live-mode .deck-hint{display:none}.live-mode #expand-player{display:block;grid-column:4;grid-row:1;margin:0;padding:8px 0;font-size:13px;letter-spacing:normal;min-height:40px}.live-mode .now-playing{grid-column:1;grid-row:1;display:flex;gap:12px;padding:0;min-height:0;cursor:pointer;min-width:0}.live-mode .now-playing:focus-visible{outline:2px solid var(--soft-red);outline-offset:4px;border-radius:5px}.live-mode .cover-wrap{width:48px;height:48px;border-radius:4px;flex-shrink:0}.live-mode .record{width:100%;height:100%}.live-mode .track-copy{min-width:0}.live-mode .track-copy h2{font-size:17px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.live-mode #track-author{font-size:12px;margin:5px 0 0}.live-mode #track-requester{display:none}.live-mode .play-actions{grid-column:2;grid-row:1;align-self:center;gap:8px}.live-mode .play-actions .button,.live-mode .play-button{min-width:0;min-height:42px;padding:9px 14px;font-size:15px}.live-mode .volume-control{grid-column:3;grid-row:1;align-self:center;width:100%;min-width:0;gap:8px}.live-mode .volume-control input{width:100%;min-width:38px}.live-mode .volume-control output{font-size:12px;min-width:30px}.live-mode .volume-control .icon-button{width:30px;height:34px;flex-shrink:0}.live-mode .timeline{grid-column:1/-1;grid-row:2;margin:0}.live-mode .timeline>div{display:none}.live-mode .timeline progress{height:3px;width:100%}.live-mode .music-expanded .now-playing{grid-column:1/-1;grid-row:1;gap:24px;padding:6px 0}.live-mode .music-expanded .cover-wrap{width:160px;height:160px}.live-mode .music-expanded .track-copy h2{font-size:27px;display:block}.live-mode .music-expanded #track-author{font-size:16px;margin-top:10px}.live-mode .music-expanded #track-requester{display:block;margin-top:12px}.live-mode .music-expanded .play-actions{grid-column:1/3;grid-row:2}.live-mode .music-expanded .volume-control{grid-column:3;grid-row:2}.live-mode .music-expanded #expand-player{grid-column:4;grid-row:2}.live-mode .music-expanded .timeline{grid-row:3}.live-mode .music-expanded .timeline>div{display:flex}.live-mode .music-expanded .deck-hint{display:block;grid-column:1/-1;grid-row:4;font-size:12px;margin:0}
.live-mode .live-drawer{display:block;flex-shrink:0;max-height:40dvh;overflow:auto;scrollbar-gutter:stable;padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.live-mode .page-heading{margin:0 0 16px}.live-mode .page-heading h1{font-size:22px}.live-mode .page-heading p{display:none}.live-mode .live-backup{display:grid;grid-template-columns:auto minmax(100px,1fr) auto auto;align-items:center;gap:12px;margin-bottom:18px}.live-mode .live-backup label{font-size:13px;color:var(--muted);margin:0}.live-mode .live-backup select{background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:6px;min-height:42px;padding:8px;min-width:0;max-width:100%}.live-mode .live-backup a{font-size:13px;color:var(--muted);white-space:nowrap}.live-mode .queue-section{margin:0}.live-mode .queue-section h2{font-size:18px}.live-mode .request-form{grid-template-columns:minmax(0,1fr) 110px auto;margin:14px 0;gap:8px}.live-mode .request-form input{font-size:14px;min-width:0}.live-mode .request-form button{grid-column:auto;justify-self:stretch;font-size:14px;padding:8px 12px}.live-mode .queue-row{padding:12px 0}.live-mode .row-actions{gap:10px}.live-mode .row-actions button{font-size:13px}.live-mode .empty{padding:22px 16px;font-size:14px}.live-mode .notice:not([hidden]){position:fixed;z-index:20;top:120px;left:24px;max-width:min(600px,calc(100vw - 48px));box-shadow:0 8px 24px #0008}.live-mode select:focus-visible{outline:2px solid var(--soft-red);outline-offset:3px}
@media(max-width:900px){.live-mode .deck{grid-template-columns:minmax(0,1fr) minmax(120px,200px);gap:12px}.live-mode .now-playing{grid-column:1/-1;grid-row:1;padding-right:70px}.live-mode #expand-player{grid-column:2;grid-row:1;justify-self:end;align-self:start}.live-mode .play-actions{grid-column:1;grid-row:2}.live-mode .volume-control{grid-column:2;grid-row:2}.live-mode .timeline{grid-row:3}.live-mode .music-expanded .now-playing{padding-right:0}.live-mode .music-expanded .play-actions{grid-column:1;grid-row:3}.live-mode .music-expanded .volume-control{grid-column:2;grid-row:3}.live-mode .music-expanded #expand-player{grid-column:2;grid-row:2}.live-mode .music-expanded .timeline{grid-row:4}.live-mode .music-expanded .deck-hint{grid-row:5}.live-mode .music-expanded .cover-wrap{width:128px;height:128px}.live-mode .music-expanded .track-copy h2{font-size:23px}}
@media(max-width:600px){.live-mode .topbar{padding:10px 12px;gap:8px;height:auto;min-height:60px}.live-mode .topbar .connection{display:none}.live-mode .topbar .wordmark{font-size:20px;margin-right:auto}.live-mode .topbar .button{font-size:12px;padding:8px 10px;min-height:36px}.live-mode .topbar .button svg{display:none}.live-mode .rail{padding:0 6px}.live-mode .rail .nav{font-size:13px;padding:9px;gap:6px}.live-mode .rail .nav svg{width:18px}.live-mode .main-content{height:calc(100dvh - 105px);padding:8px;min-height:500px}.live-chat header{padding:10px;align-items:flex-start}.live-chat header>div{gap:6px;align-items:flex-end;flex-direction:column}.live-chat h2{font-size:17px;padding-top:8px}.live-chat h2 span{display:none}.live-chat .button{font-size:12px;padding:8px;min-height:34px}.live-chat>p{font-size:11px;padding:6px 10px}.live-mode .deck{padding:10px;grid-template-columns:minmax(0,1fr) 126px;gap:8px}.live-mode .play-actions .button,.live-mode .play-button{font-size:13px;padding:8px 10px;min-height:38px}.live-mode .play-actions svg{width:16px}.live-mode .volume-control{gap:4px}.live-mode .track-copy h2{font-size:15px}.live-mode .music-expanded .now-playing{gap:14px}.live-mode .music-expanded .cover-wrap{width:90px;height:90px}.live-mode .music-expanded .track-copy h2{font-size:18px}.live-mode .music-expanded #track-author{font-size:13px}.live-mode .music-expanded #track-requester{font-size:12px}.live-mode .live-drawer{padding:12px;max-height:35dvh}.live-mode .page-heading{gap:12px;align-items:flex-start;flex-direction:column}.live-mode .page-heading h1{font-size:20px}.live-mode .live-backup{grid-template-columns:minmax(0,1fr) auto}.live-mode .live-backup label{grid-column:1}.live-mode .live-backup select{grid-column:1;grid-row:2;font-size:13px}.live-mode .live-backup a{grid-column:2;grid-row:1}.live-mode .live-backup button{grid-column:2;grid-row:2}.live-mode .request-form{grid-template-columns:minmax(0,1fr) auto}.live-mode .request-form #request-url{grid-column:1/-1}.live-mode .queue-row{flex-wrap:wrap}.live-mode .row-actions{padding-left:0}}
/* Queue and expanded player share one bounded area, preserving the main chat. */
.live-lower{display:contents}.live-mode .live-lower{display:flex;flex-direction:column;gap:10px;flex:0 1 auto;min-height:0;max-height:calc(100% - 220px)}.live-mode .live-lower .live-drawer{flex:0 1 auto;min-height:0}.live-mode .music-expanded{max-height:min(32dvh,360px)}.live-mode .with-player .page-heading,.live-mode .with-player .live-backup,.live-mode .with-player .request-form,.live-mode .with-player .request-log{display:none}.live-mode .with-player .queue-section>.section-heading{margin-bottom:10px}.live-mode .music-expanded .deck-top #track-state{display:flex;grid-column:1/-1;grid-row:5;font-size:11px;letter-spacing:.08em;margin-top:2px}.live-mode .music-expanded .deck-hint{display:none}@media(max-width:900px){.live-mode .music-expanded .deck-top #track-state{grid-row:5}.live-mode .music-expanded .now-playing{padding-top:0;padding-bottom:0}.live-mode .music-expanded .cover-wrap{width:100px;height:100px}.live-mode .music-expanded #track-requester{margin-top:6px}.live-mode .music-expanded .play-actions{grid-row:2}.live-mode .music-expanded .volume-control{grid-row:2}.live-mode .music-expanded #expand-player{grid-row:3}.live-mode .music-expanded .timeline{grid-row:4}}@media(max-width:600px){.live-mode .music-expanded .cover-wrap{width:70px;height:70px}.live-mode .music-expanded .track-copy h2{font-size:16px}.live-mode .live-lower{max-height:calc(100% - 210px)}.live-mode .music-expanded{max-height:32dvh}}
.live-mode #expand-player{position:relative;z-index:1}
.live-mode #track-state{display:none}.live-mode .music-expanded .track-copy #track-state{display:flex;font-size:11px;letter-spacing:.08em;margin:0 0 8px}

/* Direct requests remain visible beside the music controls, even with the drawer closed. */
.live-mode .live-dock>.request-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:0 0 10px}.live-mode .live-dock>.request-form #request-url{grid-column:1;grid-row:1;min-width:0}.live-mode .live-dock>.request-form #requester{display:none}.live-mode .live-dock>.request-form button{grid-column:2;grid-row:1;width:auto;white-space:nowrap}@media(max-width:600px){.live-mode .live-dock>.request-form{margin-bottom:8px}.live-mode .live-dock>.request-form button{padding:8px 10px;font-size:13px}.live-mode .live-dock>.request-form #request-url{font-size:14px;padding:10px}}