.artist-cabinet input.track-range{appearance:none;width:100%;height:22px;min-height:0;padding:0;border:0;background:transparent;accent-color:#d8c38e;touch-action:pan-y}
.track-range::-webkit-slider-runnable-track{height:4px;background:#62615c;border-radius:4px}
.track-range::-webkit-slider-thumb{appearance:none;width:16px;height:16px;border-radius:50%;background:#e2ca8f;border:2px solid #17191b;margin-top:-6px;box-shadow:0 0 0 1px #d8c38e}
.track-range::-moz-range-track{height:4px;background:#62615c}.track-range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#e2ca8f}
.track-editor{margin-top:24px;padding:22px;border:1px solid #d8c38e40;background:#10141be6;min-width:0}
.track-transport{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.track-transport>button{min-width:48px;font-size:20px!important;color:#e4cf99!important}
.track-transport output,.track-fragment-heading input,.track-fragment-heading output{font-variant-numeric:tabular-nums;font-family:monospace;font-size:16px}
.artist-cabinet .track-volume{margin:0 0 0 auto;display:flex;gap:12px;align-items:center;font-size:12px}.artist-cabinet .track-volume input{width:90px;min-height:0;accent-color:#d8c38e;padding:0}
.artist-cabinet .track-seek-label{font-size:12px;color:#b8b5ac;display:block;margin:20px 0}
.track-fragment-heading{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:28px 0 16px}.track-fragment-heading strong{color:#e0c98f;font-size:16px;margin-right:auto}
.artist-cabinet .track-fragment-heading label{margin:0;display:flex;gap:12px;align-items:center;font-size:13px}.artist-cabinet .track-fragment-heading input{width:112px;padding:10px;min-height:40px}
.track-wave{position:relative;height:150px;overflow:hidden;border:1px solid #d8c38e30;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),#ffffff09 calc(10% - 1px),#ffffff09 10%),#090c10;touch-action:none;user-select:none}
.track-wave svg{position:absolute;inset:0;width:100%;height:100%}.track-wave path{stroke:#b69d69;stroke-width:1;fill:none;opacity:.85}
.track-selection{position:absolute;top:0;bottom:0;border:2px solid #e0c58b;background:#d8c38e26;min-width:4px;box-sizing:border-box;cursor:grab}.track-selection:active{cursor:grabbing}.track-selection::before,.track-selection::after{content:'';position:absolute;top:45%;height:20px;width:3px;background:#e0c58b}.track-selection::before{left:3px}.track-selection::after{right:3px}.track-selection span{position:absolute;top:5px;left:5px;background:#151515ba;color:#ecd79f;padding:3px 5px;font-size:11px;white-space:nowrap}.track-playhead{position:absolute;top:0;bottom:0;width:1px;background:#f4f1e7;pointer-events:none;box-shadow:0 0 5px #fff8}
.track-preview-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px}.track-preview-actions button{border:1px solid #d8c38e70!important;padding:12px!important;color:#e2cd98!important}.track-preview-actions span{font-size:12px;color:#aaa79e}
@media(max-width:650px){.track-editor{padding:14px}.track-fragment-heading strong{width:100%}.track-wave{height:120px}.artist-cabinet .track-volume{margin-left:0}}
.author-fields{margin:20px 0}.author-fields h4{font-size:16px;font-weight:400;color:#dfc997;margin:0 0 12px}.author-name-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.artist-cabinet .author-name-row label{margin:0;font-size:14px}.author-name-row input{min-width:0;width:100%}.author-name-row .author-remove{grid-column:1/-1;justify-self:start;padding:4px 0!important;font-size:12px!important;color:#aaa79e!important}.author-fields>button{font-size:13px!important}@media(max-width:650px){.author-name-row{grid-template-columns:1fr}}
.track-preview-title{margin:0 0 22px;font-size:19px;font-weight:400;color:#e0c98f}.track-editor .track-fragment-heading{justify-content:space-between}.track-editor .track-fragment-heading output{font:13px Arial,sans-serif;color:#b8b5ac}.track-editor .track-preview-actions{margin-top:20px}.track-wave:focus-visible{outline:2px solid #d8c38e;outline-offset:4px}
.review-audio{margin:20px 0;padding:18px;border:1px solid #d8c38e30;background:#080c1180}.review-audio .track-seek-label{margin-bottom:0}.review-audio .file-note:empty{display:none}
.review-lyrics{margin:18px 0;border:1px solid #d8c38e30;background:#080c1160}.review-lyrics summary{padding:14px 18px;color:#dfc997;font-size:15px;cursor:pointer}.review-lyrics summary:focus-visible{outline:2px solid #d8c38e;outline-offset:3px}.review-lyrics[open] summary{border-bottom:1px solid #d8c38e25}.review-lyrics-text{padding:20px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85;font-size:16px;color:#dddcd8}
.review-wave{margin-top:22px;height:140px}.review-wave-progress{position:absolute;inset:0 auto 0 0;width:0;background:#d8c38e1c;pointer-events:none}.review-wave-ruler{display:flex;justify-content:space-between;margin-top:7px;font:11px monospace;color:#b7b1a2;font-variant-numeric:tabular-nums}.review-wave .track-playhead{box-shadow:0 0 7px #ffe8a8a0;background:#ffe7ab;width:2px}
.cosmic-wave{--wave-progress:0%;isolation:isolate;border-color:#d8bd783d;background:radial-gradient(ellipse at 45% 50%,#b99a4510,transparent 72%),radial-gradient(circle at 8% 18%,#f4df9f80 0 .7px,transparent 1.5px),radial-gradient(circle at 33% 83%,#e5c67760 0 .6px,transparent 1.4px),radial-gradient(circle at 71% 16%,#fff1c680 0 .7px,transparent 1.5px),radial-gradient(circle at 94% 77%,#ebd9a260 0 .7px,transparent 1.5px),repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),#e0c89009 calc(10% - 1px),#e0c89009 10%),#080d1278;box-shadow:inset 0 0 35px #0004,0 0 25px #c2a35208;transition:border-color .8s,box-shadow .8s}
.cosmic-wave>svg:not(.cosmic-wave-lit) path{stroke:#a38e61;opacity:.58;transition:opacity .8s}
.cosmic-wave>svg.cosmic-wave-lit{clip-path:inset(0 calc(100% - var(--wave-progress)) 0 0);filter:drop-shadow(0 0 2px #edc87570) drop-shadow(0 0 7px #c9953c40);transition:filter .9s;pointer-events:none}
.cosmic-wave>svg.cosmic-wave-lit path{stroke:#eed18d;opacity:1}
.cosmic-wave .review-wave-progress{background:linear-gradient(90deg,#d1ad4c02,#e6bd5710)}
.cosmic-wave .track-playhead{width:1px;background:linear-gradient(transparent,#fff1bf 15%,#f3d78e 85%,transparent);box-shadow:0 0 5px #f5cb7e80;z-index:3;pointer-events:none}
.cosmic-wave .track-playhead::after{content:'';position:absolute;top:7px;left:-3px;width:7px;height:7px;border-radius:50%;background:#fff2c7;box-shadow:0 0 6px #ffecb4,0 0 15px #e9bd62a0;transition:box-shadow .9s}
.cosmic-wave .track-playhead::before{content:'';position:absolute;top:5%;bottom:5%;right:0;width:48px;background:linear-gradient(90deg,transparent,#edc36a25);opacity:0;transition:opacity .9s}
.cosmic-wave.is-playing{border-color:#e4c78185;box-shadow:inset 0 0 35px #0004,0 0 25px #c2a35216}
.cosmic-wave.is-playing>svg:not(.cosmic-wave-lit) path{opacity:.72}.cosmic-wave.is-playing>svg.cosmic-wave-lit{filter:drop-shadow(0 0 3px #edc875a0) drop-shadow(0 0 9px #c9953c70)}
.cosmic-wave.is-playing .track-playhead::before{opacity:1}.cosmic-wave.is-playing .track-playhead::after{box-shadow:0 0 7px #ffecb4,0 0 20px #e9bd62c0}
.cosmic-wave .track-selection{background:#d8c38e14;border-color:#dec080b0;box-shadow:inset 0 0 18px #dab86b10;z-index:2}.cosmic-wave .track-selection span{background:#101418d9;color:#eed39b}
@media(prefers-reduced-motion:reduce){.cosmic-wave,.cosmic-wave path,.cosmic-wave>svg.cosmic-wave-lit,.cosmic-wave .track-playhead::after{transition:none}.cosmic-wave .track-playhead::before{display:none}}
.dock-player{position:fixed;right:28px;bottom:26px;width:min(360px,calc(100vw - 32px));z-index:900;padding:18px 20px;border:1px solid #d8bf7970;border-radius:12px;background:linear-gradient(135deg,#1c1b16eb,#0c1016ed);backdrop-filter:blur(20px);box-shadow:0 15px 50px #0008,0 0 28px #c49d4812;color:#e9dfc8}.dock-heading{display:flex;justify-content:space-between;gap:16px;align-items:start}.dock-heading strong{display:block;font-size:16px;font-weight:400;overflow-wrap:anywhere}.dock-heading small{display:block;margin-top:4px;color:#b7ac91;font-size:12px}.dock-player button{color:#e8cb89;background:transparent;border:0;font-size:22px;padding:0 5px;cursor:pointer}.dock-transport{display:flex;align-items:center;gap:16px;margin:18px 0 8px}.dock-transport output{font:12px monospace;white-space:nowrap}.dock-transport label{margin-left:auto;font-size:10px;color:#b7ac91}.dock-transport input{display:block;width:70px;accent-color:#ddc48b}.dock-player input.track-range{width:100%;accent-color:#ddc48b;background:transparent;border:0;padding:0}.dock-player p{font-size:12px;margin:6px 0 0}.dock-player p:empty{display:none}@media(max-width:700px){.dock-player{right:16px;bottom:16px;width:min(360px,calc(100vw - 32px))}}
.dock-art{width:52px;height:52px;flex:0 0 52px;border:1px solid #d8bf7940;border-radius:5px;overflow:hidden;background:#0b0f14;display:grid;place-items:center;color:#d8bf79;font-size:25px}.dock-art img{display:block;width:100%;height:100%;object-fit:contain;margin:0;max-width:none;max-height:none}.dock-track-meta{flex:1;min-width:0}.dock-heading .dock-track-meta strong{line-height:1.4}.dock-heading>button{margin-left:auto}
.track-card{border:1px solid #d8c38e35;background:#0b101380;margin:16px 0}.track-card-heading{list-style:none;display:flex;align-items:center;gap:18px;padding:20px;cursor:pointer}.track-card-heading::-webkit-details-marker{display:none}.track-card-number{color:#d8c38e;font:25px 'UNDERFIVE Editorial',Georgia,serif}.track-card-meta{flex:1;min-width:0}.track-card-meta strong{display:block;font-size:17px;font-weight:400;color:#eee8db;overflow-wrap:anywhere}.track-card-meta small{display:block;font-size:12px;color:#aab2a7;margin-top:5px}.track-card-meta small.needs-attention{color:#d5b17c}.track-card-duration{font:13px monospace;color:#bfb7a4;white-space:nowrap}.track-card-action{font-size:12px;color:#d8c38e;white-space:nowrap}.track-card[open]>.track-card-heading{border-bottom:1px solid #d8c38e25}.artist-cabinet .track-card>.wizard-track{margin:0;border:0}.track-card>.wizard-track>legend{display:none}.track-card-heading:focus-visible{outline:2px solid #d8c38e;outline-offset:3px}@media(max-width:600px){.track-card-heading{gap:12px;padding:16px;flex-wrap:wrap}.track-card-action{margin-left:auto}.track-card-duration{font-size:12px}}
.timed-lyrics-upload{margin:24px 0;padding:22px;border:1px solid #d8c38e35;background:#11161a99}.timed-lyrics-upload h4{color:#dec58e;font-size:18px;font-weight:400;margin:0 0 14px}.timed-lyrics-upload h4 small{font:11px Arial,sans-serif;margin-left:10px;color:#a69d88}.timed-lyrics-upload p{font-size:14px;line-height:1.7;color:#b7b5af}.timed-lyrics-upload summary{color:#d8c38e;font-size:14px;cursor:pointer}.timed-lyrics-upload details{margin-top:18px}.timed-lyrics-review>.file-note{margin:15px 20px}.timed-lyrics-lines{position:relative;max-height:300px;overflow:auto;scroll-behavior:smooth;padding:8px 14px 18px}.artist-cabinet .timed-lyrics-lines button{display:flex;gap:18px;width:100%;border:1px solid transparent;padding:12px 10px;background:transparent;text-align:left;color:#acaeaa;font-size:15px;line-height:1.7;white-space:pre-wrap}.artist-cabinet .timed-lyrics-lines button.is-current{color:#ffe0a1;background:#d8c38e12;border-color:#d8c38e50;text-shadow:0 0 12px #d6b36350}.timed-cue-time{font:11px monospace;color:#bba574;white-space:nowrap;padding-top:6px}@media(prefers-reduced-motion:reduce){.timed-lyrics-lines{scroll-behavior:auto}}
.timed-lyrics-upload input[type=file]::file-selector-button{background:#d8c38e14;border:1px solid #d8c38e55;color:#e0ca95;padding:9px 12px;margin-right:12px;font:inherit;cursor:pointer}
.timed-lyrics-upload .sync-create{padding:12px 18px!important;color:#ead39b!important;border:1px solid #d8c38e70!important;background:#d8c38e12!important;margin:6px 0 22px!important}.sync-editor{width:min(960px,calc(100vw - 28px));max-width:960px;max-height:90vh;background:#0e1319f7;color:#e7e1d5;padding:26px;border:1px solid #d8c38e60;overflow:auto}.sync-editor::backdrop{background:#020407be;backdrop-filter:blur(8px)}.sync-editor-heading{display:flex;justify-content:space-between;gap:20px}.sync-editor-heading h2{font:400 34px 'UNDERFIVE Editorial',Georgia,serif;margin:8px 0}.sync-editor-heading small{font-size:9px;letter-spacing:.2em;color:#b69c67}.sync-editor-heading>button{align-self:start;background:none;border:0;color:#d8c38e;font-size:28px}.sync-editor p{font-size:14px;line-height:1.7;color:#bdbab2}.sync-editor kbd{border:1px solid #d8c38e50;padding:3px 8px;color:#ead39b}.sync-audio{position:sticky;top:-26px;z-index:2;background:#11161bf5;padding:18px 0 10px;border-bottom:1px solid #d8c38e30}.sync-audio audio{display:block;width:100%;height:42px}.sync-record-bar{display:flex;align-items:center;gap:18px;margin-top:16px}.sync-editor button{cursor:pointer}.sync-record-bar button,.sync-editor-actions button{border:1px solid #d8c38e60;background:#d8c38e0c;color:#e2c98e;padding:12px 18px;font:inherit}.sync-record-bar button:active{background:#d8c38e30}.sync-record-bar span{font-size:13px;color:#c3b18b}.sync-rows{position:relative;max-height:42vh;overflow:auto;margin-top:18px;padding-right:6px}.sync-row{display:grid;grid-template-columns:minmax(160px,1fr) 110px 110px 40px;gap:12px;align-items:center;padding:14px 10px;border:1px solid transparent;border-bottom-color:#d8c38e18}.sync-row.is-selected{border-color:#d8c38e55;background:#d8c38e0a}.sync-row.is-recording{background:#d8c38e20;box-shadow:inset 3px 0 #e7c67e}.sync-line-select{padding:5px 0;text-align:left;line-height:1.6;color:#ddd7c9;background:none;border:0;font-size:14px}.sync-row label{font-size:11px;color:#b7a57e}.sync-row input{box-sizing:border-box;width:100%;margin-top:6px;padding:9px 7px;background:#090e13;color:#eee3c6;border:1px solid #d8c38e40;font:13px monospace}.sync-row>button:last-child{background:none;border:1px solid #d8c38e30;color:#d8c38e;padding:10px}.sync-status{min-height:24px;color:#e7c78a!important}.sync-editor-actions{display:flex;justify-content:flex-end;gap:12px}.sync-editor-actions [data-save]{background:#d8c38e;color:#171914}.sync-editor button:disabled{opacity:.5;cursor:default}@media(max-width:650px){.sync-editor{padding:18px}.sync-audio{top:-18px}.sync-row{grid-template-columns:1fr 1fr 40px}.sync-line-select{grid-column:1/-1}.sync-record-bar{flex-wrap:wrap}.sync-editor-actions{flex-wrap:wrap}}
.artist-cabinet input[name$=".authorRightsPercent"]{appearance:textfield;-moz-appearance:textfield;display:block;width:150px;max-width:100%;font-size:20px;font-variant-numeric:tabular-nums;padding:10px 14px;border-color:#d8c38e45;background:linear-gradient(120deg,#d8c38e0b,#0d1218);color:#ead6a0}.artist-cabinet input[name$=".authorRightsPercent"]::-webkit-inner-spin-button,.artist-cabinet input[name$=".authorRightsPercent"]::-webkit-outer-spin-button{appearance:none;-webkit-appearance:none;margin:0}
dialog.release-modal.sync-editor{width:min(960px,calc(100vw - 28px));max-width:960px}.sync-transport{display:flex;align-items:center;gap:18px}.sync-transport button{border:1px solid #d8c38e50;background:#d8c38e0a;color:#ead39b;font-size:20px;padding:8px 15px}.sync-transport output{font:12px monospace;color:#e1d4b7}.sync-transport label{margin-left:auto;font-size:11px;color:#b7a57e}.sync-transport input{display:block;width:85px;accent-color:#d8c38e}.sync-editor [data-audio-seek]{display:block;box-sizing:border-box;width:100%;margin:16px 0;padding:0;accent-color:#d8c38e}.sync-editor .sync-line-select{border:0!important;background:transparent!important;box-shadow:none!important;text-align:left;padding:5px 0!important}
.sync-editor[open]{display:flex;flex-direction:column;overflow:hidden}.sync-editor-heading,.sync-instructions,.sync-audio,.sync-editor-actions,.sync-status{flex-shrink:0}.sync-editor .sync-rows{flex:1 1 auto;min-height:90px;max-height:42vh;margin-top:12px}.sync-editor .sync-audio{position:static;padding:10px 0 4px}.sync-editor .sync-editor-heading p{margin:6px 0}.sync-editor .sync-instructions{margin:12px 0}.sync-editor .sync-status{margin:10px 0;min-height:20px}.sync-row input{appearance:textfield;-moz-appearance:textfield}.sync-row input::-webkit-inner-spin-button,.sync-row input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}
dialog.release-modal.sync-editor{width:min(880px,calc(100vw - 28px));max-width:880px}.sync-editor .sync-row{grid-template-columns:minmax(0,1fr) 82px 82px 32px;gap:10px;padding:6px 8px;min-height:52px}.sync-editor .sync-row label{margin:0;font-size:10px;line-height:1.2}.sync-editor .sync-row input{margin-top:3px;padding:6px;font-size:12px;min-height:0}.sync-editor .sync-line-select{font-size:13px;line-height:1.4;min-width:0;overflow-wrap:anywhere}.sync-editor .sync-row>button:last-child{padding:6px}.sync-editor .sync-row.is-current{box-shadow:inset 2px 0 #d8bd7a}.sync-edit-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:8px 0 12px}.sync-edit-tools button{font-size:12px;padding:7px 10px;border:1px solid #d8c38e40;background:transparent;color:#d8c38e}.sync-edit-tools label{display:flex;align-items:center;gap:7px;font-size:12px;color:#b7b3a8;margin:0 0 0 auto}.sync-edit-tools input{accent-color:#d8c38e}.sync-editor .sync-instructions{font-size:12px;line-height:1.55;margin:8px 0}.sync-editor .sync-editor-heading h2{font-size:29px;margin:4px 0}.sync-editor .sync-audio [data-current]{font-size:12px;margin:7px 0}.sync-editor .sync-audio [data-audio-seek]{margin:10px 0}.sync-editor .sync-record-bar{margin-top:10px}.sync-editor .sync-record-bar button{padding:8px 12px;font-size:13px}.sync-editor .sync-rows{scrollbar-width:thin;scrollbar-color:#9b875d #0e1319}.sync-editor .sync-rows::-webkit-scrollbar{width:6px}.sync-editor .sync-rows::-webkit-scrollbar-thumb{background:#9b875d;border-radius:6px}@media(max-width:650px){.sync-editor .sync-row{grid-template-columns:minmax(0,1fr) 70px 70px 28px;gap:7px}.sync-editor .sync-line-select{grid-column:auto}.sync-edit-tools label{margin-left:0}}
dialog.release-modal.sync-editor{height:min(820px,calc(100dvh - 36px));max-height:calc(100dvh - 36px)}.sync-editor .sync-editor-heading>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 16px}.sync-editor .sync-editor-heading small{display:none}.sync-editor .sync-editor-heading h2{margin:0;font-size:27px}.sync-editor .sync-editor-heading p{font-size:13px;margin:0;color:#b7a57e}.sync-editor .sync-rows{max-height:none;min-height:100px}
.files-list:has(.material-track-player)>li{display:block;padding:20px 0;border-bottom:1px solid #d8c38e18}.files-list:has(.material-track-player)>li>small{display:inline-block;margin-left:12px}.material-track-player{margin-top:22px}.material-track-player>h3{font-weight:400;color:#e4cf99;margin:0 0 16px}.material-track-player .review-audio{margin:0 0 16px;background:linear-gradient(135deg,#d8c38e08,#080c1190);border-radius:6px;padding:22px}.material-track-player .track-transport>button{border-radius:50%;width:50px;height:50px;padding:0!important;box-shadow:0 0 22px #d8c38e0c}.material-track-player .review-lyrics{margin-top:16px}
.artist-cabinet .review-audio .track-transport>button[data-play]{display:grid;place-items:center;flex:0 0 50px;width:50px;height:50px;min-width:50px;box-sizing:border-box;padding:0!important;margin:0;line-height:1;text-align:center;text-indent:0;border-radius:50%;transition:background .25s ease,box-shadow .25s ease}.review-audio [data-play]>svg{display:block;position:static;width:22px;height:22px;fill:currentColor;pointer-events:none}.artist-cabinet .review-audio [data-play]:hover{background:#d8c38e12;box-shadow:0 0 22px #d8c38e14}.files-list:has(.material-track-player){padding-left:0;list-style:none}.files-list:has(.material-track-player)>li>a{overflow-wrap:anywhere}.files-list:has(.material-track-player)>li>img{display:block;object-fit:contain;width:min(240px,100%);height:auto;aspect-ratio:1;margin-top:16px}.material-track-player{min-width:0}.material-track-player .track-transport{gap:16px}@media(max-width:600px){.material-track-player .review-audio{padding:14px}.material-track-player .track-volume{width:100%;justify-content:space-between}.files-list:has(.material-track-player)>li>small{display:block;margin:8px 0 0}}

.sync-editor .sync-row.is-current{border-color:#d8c38e70;background:#d8c38e12;box-shadow:inset 3px 0 #d8bd7a}
.sync-editor .sync-row.is-current .sync-line-select{color:#ffe0a1;background:#d8c38e0c}

.dock-player{display:grid;grid-template-columns:112px minmax(0,1fr);grid-template-areas:"art info" "art controls" "art seek";grid-template-rows:min-content minmax(0,1fr) 13px;gap:4px 12px;align-items:center;width:min(400px,calc(100vw - 28px));padding:12px;border:1px solid #d8bf7970;border-radius:12px}
.dock-heading{display:contents}
.dock-art{grid-area:art;align-self:start;width:112px;height:112px;flex-basis:112px;border-radius:6px}
.dock-track-meta{grid-area:info;align-self:start;padding-right:24px;padding-top:1px}
.dock-heading .dock-track-meta strong{font-size:15px;line-height:1.3}
.dock-heading .dock-track-meta small{margin-top:3px}
.dock-heading>button{position:absolute;top:7px;right:10px;margin:0;align-self:start}
.dock-transport{grid-area:controls;display:grid;grid-template-columns:32px auto minmax(100px,1fr);grid-template-areas:"time time time" "play options volume";gap:4px 6px;align-items:center;min-width:0;margin:0}
.dock-transport output{grid-area:time;justify-self:end;font-size:11px}
.dock-transport>[data-play]{grid-area:play;display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid #d8bf7950;border-radius:50%;font-size:16px}
.dock-player .dock-transport .playback-options{grid-area:options;display:flex;align-items:center;gap:5px;width:auto;margin:0}
.dock-transport .playback-options button{min-width:32px;height:30px;padding:3px 6px!important;font-size:12px}
.dock-transport label{grid-area:volume;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:5px;min-width:0;margin:0;white-space:nowrap;font-size:9px}
.dock-transport label::before{content:none}
.dock-transport label input{writing-mode:horizontal-tb;direction:ltr;width:68px;height:auto;margin:0;accent-color:#ddc48b}
.dock-player input.track-range{grid-area:seek;width:100%;height:12px;margin:0}
.dock-player p{grid-column:1/-1}
@media(max-width:420px){.dock-player{right:12px;bottom:12px;width:min(400px,calc(100vw - 24px));grid-template-columns:92px minmax(0,1fr);gap:4px 10px;padding:10px}.dock-art{width:92px;height:92px;flex-basis:92px}}
@media(max-width:360px){.dock-player{grid-template-columns:72px minmax(0,1fr);gap:4px 8px;padding:9px}.dock-art{width:72px;height:72px;flex-basis:72px}.dock-transport{grid-template-columns:30px auto minmax(88px,1fr);gap:4px}.dock-transport .playback-options button{min-width:29px;padding:3px 4px!important}.dock-transport label input{width:52px}}.dock-transport>[data-play],.dock-player .dock-transport .playback-options button{box-sizing:border-box;display:grid;place-items:center;width:34px;min-width:34px;height:34px;padding:4px!important;border:1px solid #d8bf7950;border-radius:6px;background:#d8c38e0a;color:#e8cb89;font-size:14px;line-height:1}
.dock-transport>[data-play]{font-size:16px}
.dock-transport .playback-options button[aria-pressed=true]{background:#d8c38e1a;border-color:#d8c38e;color:#edd296}
.dock-transport>[data-play]:hover,.dock-player .dock-transport .playback-options button:hover{background:#d8c38e1a;border-color:#d8c38e}