.player{z-index:var(--md-sys-z-index-shell-player);right:0;bottom:var(--shell-bottom-inset,0px);left:var(--shell-width);min-width:0;color:var(--md-sys-color-on-surface);border-top:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);display:grid;position:fixed}.player__seek{min-width:0;padding-inline:12px;display:grid;position:relative}.player__seek>.wavy-progress{pointer-events:none}.player__scrub{appearance:none;cursor:pointer;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.player__scrub:focus-visible{outline:3px solid var(--md-sys-color-secondary);outline-offset:-3px;border-radius:var(--md-sys-shape-corner-small)}.player__scrub::-webkit-slider-thumb{appearance:none;border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary);opacity:0;width:12px;height:20px;transition:opacity var(--md-sys-motion-duration-short3) linear;border:0}.player__scrub::-moz-range-thumb{border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary);opacity:0;width:12px;height:20px;transition:opacity var(--md-sys-motion-duration-short3) linear;border:0}.player__seek:hover .player__scrub::-webkit-slider-thumb{opacity:1}.player__scrub:focus-visible::-webkit-slider-thumb{opacity:1}.player__seek:hover .player__scrub::-moz-range-thumb{opacity:1}.player__scrub:focus-visible::-moz-range-thumb{opacity:1}.player__body{min-width:0;min-height:64px;padding:0 max(8px, env(safe-area-inset-right)) 4px max(8px, env(safe-area-inset-left));grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;display:grid}.player__identity{min-width:0;max-width:100%;color:inherit;border-radius:var(--md-sys-shape-corner-full);grid-template-columns:auto minmax(0,1fr);justify-self:start;align-items:center;gap:12px;padding:6px 12px 6px 6px;display:grid}.player__cover{width:48px;height:48px;color:var(--md-sys-color-on-secondary-container);border-radius:var(--md-sys-shape-corner-small);background:var(--md-sys-color-secondary-container);flex:none;place-items:center;display:grid;overflow:hidden}.player__cover>img{object-fit:cover;width:100%;height:100%}.player__copy{gap:1px;min-width:0;display:grid}.player__copy>strong{min-width:0;font:var(--md-sys-typescale-title-small-weight) var(--md-sys-typescale-title-small-size) / var(--md-sys-typescale-title-small-line-height) var(--app-font);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player__copy>small{min-width:0;color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-body-small-weight) var(--md-sys-typescale-body-small-size) / var(--md-sys-typescale-body-small-line-height) var(--app-font);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.player__transport{flex:none;justify-self:center;align-items:center;gap:4px;display:flex}.player__play{width:56px;height:56px;color:var(--md-sys-color-on-primary);border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-primary);cursor:pointer;transition:border-radius var(--md-sys-motion-duration-short4) var(--ease-standard);flex:none;place-items:center;display:grid}.player__play:active{border-radius:var(--md-sys-shape-corner-full)}.player__time{color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-label-medium-weight) var(--md-sys-typescale-label-medium-size) / var(--md-sys-typescale-label-medium-line-height) var(--app-font);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;padding-inline:8px}.player__actions{flex:none;justify-content:flex-end;justify-self:end;align-items:center;gap:2px;min-width:0;display:flex}.player__volume{align-items:center;gap:4px;display:flex}.player__volume>input{width:96px;accent-color:var(--md-sys-color-primary);cursor:pointer}body:has(audio-dock .player) .page-stage{height:calc(var(--shell-stage-block) - var(--audio-dock-height,84px));padding-bottom:0;scroll-padding-bottom:16px}body:has(audio-dock .player) :is(.sheet--side,.sheet--full,.sheet--detail,.pane-layer){bottom:var(--audio-dock-height,84px)}body:has(audio-dock .player) .composer-workspace{height:calc(var(--shell-stage-block) - var(--audio-dock-height,84px) - 24px);min-height:0}.player-puck{z-index:var(--md-sys-z-index-shell-player);top:var(--puck-y,auto);right:16px;bottom:calc(16px + var(--shell-bottom-inset,0px));left:var(--puck-x,auto);border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-primary-container);width:56px;height:56px;box-shadow:var(--md-sys-elevation-level3);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;place-items:center;padding:4px;display:grid;position:fixed}.player-puck[style*=--puck-x]{bottom:auto;right:auto;transform:translate(-50%,-50%)}.player-puck:active{cursor:grabbing}.player-puck:before{content:"";border-radius:inherit;background:conic-gradient(var(--md-sys-color-primary) var(--puck-progress,0%), color-mix(in srgb, var(--md-sys-color-primary) 22%, transparent) 0);pointer-events:none;padding:3px;position:absolute;inset:-3px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.player-puck__art{width:100%;height:100%;color:var(--md-sys-color-on-primary-container);border-radius:var(--md-sys-shape-corner-medium);background:var(--md-sys-color-surface-container-high);place-items:center;display:grid;overflow:hidden}.player-puck__art>img{object-fit:cover;width:100%;height:100%}.player-puck__state{width:28px;height:28px;color:var(--md-sys-color-on-primary);border-radius:var(--md-sys-shape-corner-full);background:color-mix(in srgb, var(--md-sys-color-primary) 88%, transparent);place-items:center;display:grid;position:absolute}.audio-queue-panel{z-index:var(--md-sys-z-index-overlay-sheet);right:0;bottom:var(--audio-dock-height,84px);width:min(400px,100vw);max-height:min(72dvh,600px);color:var(--md-sys-color-on-surface);border-radius:var(--md-sys-shape-corner-large) 0 0 0;background:var(--md-sys-color-surface-container-high);box-shadow:var(--md-sys-elevation-level2);grid-template-rows:56px minmax(0,1fr);display:grid;position:fixed;overflow:hidden}.audio-queue-panel>header,.audio-queue-panel>header>span{align-items:center;gap:8px;min-width:0;display:flex}.audio-queue-panel>header{border-bottom:1px solid var(--md-sys-color-outline-variant);justify-content:space-between;padding:4px 8px 4px 16px}.audio-queue-panel>header strong{font:var(--md-sys-typescale-title-medium-weight) var(--md-sys-typescale-title-medium-size) / var(--md-sys-typescale-title-medium-line-height) var(--app-font)}.audio-queue-panel__list{overscroll-behavior:contain;min-height:0;overflow-y:auto}.audio-queue-panel__row{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:4px;min-height:64px;padding:4px 8px 4px 4px;display:grid}.audio-queue-panel__row+.audio-queue-panel__row{border-top:1px solid var(--md-sys-color-outline-variant)}.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{min-width:0;color:inherit;text-align:start;cursor:pointer;background:0 0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:0;display:grid}.audio-queue-panel__select:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:-2px}.audio-queue-panel__select img,.audio-queue-panel__placeholder{border-radius:var(--md-sys-shape-corner-small);background:var(--md-sys-color-surface-container);object-fit:cover;place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.audio-queue-panel__select>span{gap:1px;min-width:0;display:grid}.audio-queue-panel__select strong,.audio-queue-panel__select small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.audio-queue-panel__select strong{font:var(--md-sys-typescale-body-large-weight) var(--md-sys-typescale-body-large-size) / var(--md-sys-typescale-body-large-line-height) var(--app-font)}.audio-queue-panel__select small,.audio-queue-panel__row>small{color:var(--md-sys-color-on-surface-variant);font:var(--md-sys-typescale-body-medium-weight) var(--md-sys-typescale-body-medium-size) / var(--md-sys-typescale-body-medium-line-height) var(--app-font)}.audio-queue-panel__row>small{font-variant-numeric:tabular-nums;white-space:nowrap}.audio-queue-panel__drag{cursor:grab;touch-action:none}@media (max-width:599px){.player{left:0}.player__body{grid-template-columns:minmax(0,1fr) auto auto;min-height:60px;padding-bottom:6px}.player__transport{grid-column:2;justify-self:end}.player__transport>.icon-button,.player__transport>.player__time{display:none}.player__actions{grid-column:3}.player__actions>.player__volume,.player__actions>.icon-button{display:none}.player__actions>.badge-anchor{display:inline-grid}.audio-queue-panel{border-radius:var(--md-sys-shape-corner-large) var(--md-sys-shape-corner-large) 0 0;width:100vw;max-height:78dvh}}