.audio-dock{z-index:60;bottom:0;right:0;left:var(--shell-width);min-height:80px;padding:8px var(--md-comp-page-inline-space,16px);color:var(--md-comp-runtime-on-surface,var(--md-sys-color-on-surface));border-top:1px solid var(--md-comp-runtime-outline,var(--md-sys-color-outline-variant));background:var(--md-comp-runtime-surface-high,var(--md-sys-color-surface-container-high));box-shadow:none;grid-template-columns:minmax(190px,.9fr) auto auto minmax(180px,1.4fr) minmax(112px,.42fr) auto auto auto;align-items:center;gap:clamp(6px,1vw,14px);display:grid;position:fixed}body:has(audio-dock .audio-dock) .page-stage{padding-bottom:var(--audio-dock-height,80px);scroll-padding-bottom:calc(var(--audio-dock-height,80px) + 16px)}body:has(audio-dock .audio-dock) :is(.detail-sheet,.chart-detail-layer,.story-detail,.viewer-detail,.bestdori-detail){bottom:var(--audio-dock-height,80px)}body:has(audio-dock .audio-dock) .composer-workspace{height:calc(100dvh - var(--top-bar-height) - var(--audio-dock-height,80px) - 24px);min-height:0}.audio-dock__identity{min-width:0;color:inherit;border-radius:var(--md-sys-shape-corner-large);grid-template-columns:56px minmax(0,1fr);align-items:center;gap:10px;padding:4px;display:grid}.audio-dock__identity:hover,.audio-dock__identity:focus-visible{background:color-mix(in srgb, var(--md-sys-color-primary) 8%, transparent)}.audio-dock__cover{object-fit:contain;border:1px solid var(--md-comp-runtime-outline,var(--md-sys-color-outline-variant));border-radius:var(--md-sys-shape-corner-small);place-items:center;width:56px;height:56px;display:grid}.audio-dock__track{min-width:0;display:grid}.audio-dock__track strong,.audio-dock__track small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.audio-dock__track small,.audio-dock small{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-label-small-size)}.audio-dock__transport,.audio-dock__timeline,.audio-dock__volume,.audio-dock__queue-button{align-items:center;gap:4px;min-width:0;display:flex}.audio-dock__play{color:var(--md-sys-color-on-primary);background:var(--md-sys-color-primary)}.audio-dock__timeline small{min-width:34px;color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-label-small-size);text-align:center}.audio-dock__progress{width:100%;min-width:0;accent-color:var(--md-sys-color-primary)}.audio-dock__volume md-slider{width:100%}.audio-dock__queue-button{position:relative}.audio-dock__queue-button small{min-width:16px;height:16px;color:var(--md-sys-color-on-primary-container);background:var(--md-sys-color-primary-container);border-radius:9px;place-items:center;padding-inline:3px;font-size:10px;display:grid;position:absolute;bottom:-2px;right:-2px}.audio-dock__backdrop{z-index:61;background:color-mix(in srgb, var(--md-sys-color-scrim) 32%, transparent);border:0;position:fixed;inset:0}.audio-queue-panel{z-index:62;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-large) 0 0 0;width:min(420px,92vw);max-height:min(72vh,600px);color:var(--md-comp-runtime-on-surface,var(--md-sys-color-on-surface));background:var(--md-comp-runtime-surface-high,var(--md-sys-color-surface-container-high));box-shadow:var(--md-comp-runtime-elevation,var(--md-sys-elevation-level2));grid-template-rows:56px minmax(0,1fr);display:grid;position:absolute;bottom:80px;right:0;overflow:hidden}.audio-queue-panel>header,.audio-queue-panel>header>span{align-items:center;gap:7px;min-width:0;display:flex}.audio-queue-panel>header{border-bottom:1px solid var(--md-sys-color-outline-variant);justify-content:space-between;padding:6px 8px 6px 14px}.audio-queue-panel__list{overscroll-behavior:contain;min-height:0;overflow-y:auto}.audio-queue-panel__row{border-bottom:1px solid var(--md-sys-color-outline-variant);grid-template-columns:36px minmax(0,1fr) 28px 40px;align-items:center;gap:4px;min-height:56px;padding:4px 6px;display:grid}.audio-queue-panel__row.selected{background:var(--md-sys-color-secondary-container)}.audio-queue-panel__row.drop-target{box-shadow:inset 0 2px var(--md-sys-color-primary)}.audio-queue-panel__select{text-align:left;cursor:pointer;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:9px;min-width:0;padding:0;display:grid}.audio-queue-panel__select img,.audio-queue-panel__placeholder{object-fit:contain;border-radius:var(--md-sys-shape-corner-extra-small);background:var(--md-sys-color-surface-container);place-items:center;width:44px;height:44px;display:grid}.audio-queue-panel__select>span{min-width:0;display:grid}.audio-queue-panel__select strong,.audio-queue-panel__select small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.audio-queue-panel__select small,.audio-queue-panel__row>small{color:var(--md-sys-color-on-surface-variant);font-size:var(--md-sys-typescale-label-small-size)}.audio-queue-panel__drag{cursor:grab;touch-action:none}.audio-dock__mobile-controls{border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container-high);width:min(320px,100vw - 16px);box-shadow:var(--md-sys-elevation-level2);gap:4px;padding:8px;display:grid;position:absolute;bottom:calc(100% + 8px);right:8px}.audio-dock__mobile-controls>button,.audio-dock__mobile-controls>label{border-radius:var(--md-sys-shape-corner-medium);justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:6px 12px;display:flex}.audio-dock__mobile-controls md-slider{width:170px}.audio-dock-collapsed{z-index:60;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-surface-container-high);box-shadow:var(--md-sys-elevation-level2);align-items:center;gap:6px;padding:4px 8px 4px 4px;display:flex;position:fixed;bottom:12px;right:12px}.audio-dock-collapsed img{object-fit:contain;border-radius:50%;width:40px;height:40px}@media (max-width:959px){body:has(audio-dock .audio-dock) .page-stage{padding-bottom:var(--audio-dock-height,72px);scroll-padding-bottom:calc(var(--audio-dock-height,72px) + 16px)}body:has(audio-dock .audio-dock) :is(.detail-sheet,.chart-detail-layer,.story-detail,.viewer-detail,.bestdori-detail){bottom:var(--audio-dock-height,72px)}.audio-dock{border-radius:0;grid-template-columns:minmax(0,1fr) auto auto;min-height:72px;bottom:0;left:0;right:0}.audio-dock__identity{grid-template-columns:42px minmax(0,1fr)}.audio-dock__cover{width:42px;height:42px}.audio-dock__mode,.audio-dock__timeline,.audio-dock__volume,.audio-dock__queue-button,.audio-dock__collapse{display:none}.audio-queue-panel{border-radius:var(--md-sys-shape-corner-large);width:calc(100vw - 16px);bottom:72px;right:8px}}