.app-shell .player{display:block;min-height:0;padding:0;container-type:inline-size;box-shadow:0 -6px 24px #00000003}.player-layout{max-width:1120px;margin:auto;padding:17px 30px 13px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"mode core effects" "seek seek seek";align-items:center;gap:12px 26px}.player-core{grid-area:core;text-align:center;min-width:200px}.player-title{display:block;font:500 1.0625rem/1.5 var(--serif);letter-spacing:.1em;margin-bottom:11px}.player-core .transport{margin:0;gap:24px}.player-core .transport>.icon-button{border:0;width:34px;height:34px;color:var(--muted)}.player-core .transport>.icon-button:hover:not(:disabled){background:var(--rail);color:var(--accent)}.player-core .play-button{width:44px;height:44px;box-shadow:0 3px 10px color-mix(in srgb,var(--accent) 16%,transparent)}.player-effects{grid-area:effects;display:flex;align-items:center;justify-content:flex-end;gap:9px;min-width:0}.player-effects .reverb-trigger{padding:7px 8px;gap:5px}.player-effects .reverb-trigger>svg:first-child{display:none}.player-effects .reverb-current{padding-left:5px;font-size:.8125rem}.player-mode{grid-area:mode;justify-self:start;font-size:.75rem;color:var(--muted)}.player-mode .check-label{gap:9px}.player-mode .switch{width:30px;height:18px}.player-mode .switch:after{width:12px;height:12px}.player-mode input:checked+.switch:after{transform:translate(12px)}.player-layout .player-seek{grid-area:seek;gap:12px;margin:0;width:100%}.player-seek time{font-size:.6875rem;color:var(--muted);min-width:34px}.player-seek time:last-child{text-align:right}.player-seek input{height:14px;margin:0}.player-error{grid-column:1/-1;font-size:.75rem;color:var(--accent);text-align:center}.app-shell .main{padding-bottom:180px}.player-effects .reverb-popover{left:auto;right:0}@container (max-width:720px){.player-layout{grid-template-columns:1fr 1fr;grid-template-areas:"core core" "seek seek" "mode effects";padding:12px 18px 14px;gap:10px}.player-core{min-width:0}.player-title{font-size:.9375rem;margin-bottom:7px}.player-core .play-button{width:40px;height:40px}.player-effects{gap:6px}.player-effects .reverb-trigger{padding:6px 8px;gap:5px}.player-mode{font-size:.6875rem}.player-mode .check-label{gap:6px}.player-effects .reverb-popover{width:200px}.player-effects .reverb-control:first-child .reverb-popover{right:-65px}}@container (max-width:360px){.player-effects .reverb-trigger{padding-inline:6px;gap:4px}.player-layout{padding-inline:12px}}@media(max-width:1100px){.app-shell .main{padding-bottom:218px}}@media(min-width:1101px){.app-shell.right-open .main{padding-bottom:218px}}@media(max-width:759px){.player-layout{padding-bottom:max(14px,env(safe-area-inset-bottom))}}