.playlist-controls{position:fixed;bottom:0;left:0;right:0;z-index:9999;box-sizing:border-box;width:100%;max-width:100%;border-top:var(--border_001);background:var(--site-body-bg);color:var(--site-body-fg);overflow-x:clip;overflow-y:visible}.playlist-controls__inner{box-sizing:border-box;width:100%;max-width:min(100%,var(--max_desktop_width));margin:0 auto;padding-block:.8rem;padding-inline:max(1.25rem,env(safe-area-inset-left)) max(1.25rem,env(safe-area-inset-right));display:flex;flex-direction:column;gap:0;overflow-x:clip}.playlist-controls__progress{order:1;display:flex;align-items:center;gap:.35rem;width:100%;max-width:100%;margin-bottom:.75rem;padding-bottom:.15rem;overflow:hidden;box-sizing:border-box}.playlist-controls__deck{order:2;position:relative;display:flex;flex-direction:row;align-items:center;gap:.35rem;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.playlist-controls__transport{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.playlist-controls__tray-toggle{display:inline-flex;flex-shrink:0;margin-left:auto}.playlist-controls__tray-toggle--open{background:var(--site-accent);color:var(--site-accent-fg);border-color:var(--site-accent)}.playlist-controls__meta.playlist-controls__meta--bar{display:none}.playlist-controls__tray{display:none;flex-direction:column;gap:.5rem;margin-top:.5rem;padding:.55rem .65rem;border:var(--border_001);border-radius:var(--border_radius_001);background:var(--site-body-bg);box-sizing:border-box;width:100%}.playlist-controls__tray--open{display:flex}.playlist-controls__tray .playlist-controls__now{white-space:normal;font-size:var(--font-sm)}.playlist-controls__tray .playlist-controls__label{font-size:var(--font-sm);font-weight:600}.playlist-controls__tray .playlist-controls__select{font-size:var(--font-sm)}.playlist-controls__tray .playlist-controls__group{width:100%;justify-content:space-between}.playlist-controls__tray .playlist-controls__slider{flex:1;max-width:12rem}.playlist-controls__seek-wrap{position:relative;flex:1;min-width:0;height:1rem;display:flex;align-items:center}.playlist-controls__seek-fill{position:absolute;left:0;top:50%;transform:translateY(-50%);height:.25rem;border-radius:999px;background:var(--site-accent);opacity:.35;pointer-events:none}.playlist-controls__seek{position:relative;width:100%;margin:0;min-width:0;min-height:auto;max-width:100%;accent-color:var(--site-accent);cursor:pointer}.playlist-controls__seek:disabled{opacity:.45;cursor:not-allowed}.playlist-controls__time{font-size:var(--font-xs);font-variant-numeric:tabular-nums;min-width:2.1rem;text-align:center;color:var(--site-body-fg);flex-shrink:0}.playlist-controls__meta{display:flex;align-items:center;gap:.35rem;min-width:0}.playlist-controls__group{display:flex;align-items:center;gap:.2rem;flex-shrink:0}.playlist-controls__btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--playlist-control-size, 2rem);height:var(--playlist-control-size, 2rem);min-width:var(--playlist-control-size, 2rem);min-height:var(--playlist-control-size, 2rem);max-width:var(--playlist-control-size, 2rem);max-height:var(--playlist-control-size, 2rem);padding:0;border:var(--border_001);border-radius:var(--border_radius_001);background:var(--site-body-bg);color:var(--site-body-fg);cursor:pointer}.playlist-controls__btn .playlist-icon{width:calc(var(--playlist-control-size, 2rem) * .5);height:calc(var(--playlist-control-size, 2rem) * .5);display:block}.playlist-controls__btn:hover:not(:disabled){border-color:var(--site-medium)}.playlist-controls__btn:disabled{opacity:.45;cursor:not-allowed}.playlist-controls__btn--primary,.playlist-controls__btn--loop-on{background:var(--site-accent);color:var(--site-accent-fg);border-color:var(--site-accent)}.playlist-controls__label{font-size:var(--font-xs);color:var(--site-body-fg)}.playlist-controls__slider{width:3.25rem;min-width:0;min-height:auto;accent-color:var(--site-accent)}.playlist-controls__select{min-height:var(--playlist-control-size, 2rem);min-width:auto;padding:.15rem .3rem;border:var(--border_001);border-radius:var(--border_radius_001);background:var(--site-body-bg);color:var(--site-body-fg);font-size:var(--font-xs)}.playlist-controls__now{font-size:var(--font-xs);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:768px){.playlist-controls__inner{flex-direction:row;align-items:center;gap:.65rem;min-height:var(--activity-bar-height);padding:0 1.25rem}.playlist-controls__deck{display:contents}.playlist-controls__transport{order:1;flex-shrink:0}.playlist-controls__tray-toggle{display:none}.playlist-controls__tray{display:none!important}.playlist-controls__meta.playlist-controls__meta--bar{order:3;display:flex;width:auto;flex:0 0 auto;justify-content:flex-end;gap:.65rem}.playlist-controls__progress{order:2;flex:1;min-width:8rem;max-width:36rem;margin:0 auto;padding-bottom:0}.playlist-controls__now{flex:0 1 auto;max-width:14rem;font-size:var(--font-sm)}.playlist-controls__slider{width:5.5rem}.playlist-controls__select{font-size:var(--font-sm)}}@media(min-width:1024px){.playlist-controls__progress{max-width:42rem}.playlist-controls__now{max-width:18rem}}.playlist-builder{--playlist-control-size: 2rem;--playlist-row-height: calc(var(--playlist-control-size) + .6rem);display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:100%;min-width:0;overflow-x:clip}@media(min-width:768px){.playlist-builder{--playlist-control-size: var(--control_min_width)}}.playlist-builder__header h1{font-size:var(--font-md);font-weight:600;margin-bottom:.35rem;line-height:1.3}.playlist-builder__header p,.playlist-builder__header code,.playlist-builder__header a{font-size:var(--font-sm);font-weight:400;line-height:1.45;color:var(--site-body-fg)}.playlist-builder__header a{min-height:auto;min-width:auto}.playlist-builder__toolbar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-end}.playlist-builder__toolbar .btn{min-height:var(--playlist-row-height);min-width:auto;padding:.3rem .65rem;font-size:var(--font-sm);font-weight:600}.playlist-builder__field{display:flex;flex-direction:column;gap:.2rem;min-width:10rem;flex:1}.playlist-builder__field label{font-size:var(--font-xs)}.playlist-builder__field input[type=text],.playlist-builder__field select{height:var(--playlist-row-height);min-height:var(--playlist-row-height)!important;max-height:var(--playlist-row-height);min-width:0!important;padding:.3rem .45rem;border:var(--border_001);border-radius:var(--border_radius_001);background:var(--site-body-bg);color:var(--site-body-fg);font-size:var(--font-sm);font-weight:400;line-height:1.3;box-sizing:border-box}.playlist-builder__grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;width:100%;max-width:100%;min-width:0}.playlist-builder__grid>.playlist-builder__panel{min-width:0;max-width:100%}@media(max-width:900px){.playlist-builder__grid{grid-template-columns:1fr}}.playlist-builder__panel{border:var(--border_001);border-radius:var(--border_radius_001);background:var(--site-body-bg);min-height:14rem;min-width:0;max-width:100%;display:flex;flex-direction:column;overflow-x:clip;box-sizing:border-box}.playlist-builder__panel h2{font-size:var(--font-sm);font-weight:600;padding:.45rem .65rem;border-bottom:var(--border_001);line-height:1.3}.playlist-builder__list{list-style:none;margin:0;padding:.35rem;flex:1;overflow-y:auto}.playlist-builder__item{display:flex;align-items:center;gap:.35rem;padding:.3rem .45rem;margin-bottom:.25rem;border:var(--border_001);border-radius:var(--border_radius_001);background:var(--site-body-bg);color:var(--site-body-fg);font-size:var(--font-sm);font-weight:400;cursor:grab;min-width:0;max-width:100%;box-sizing:border-box}.playlist-builder__item-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-sm);font-weight:400;line-height:1.3}.playlist-builder__item-actions{display:flex;align-items:center;gap:.2rem;margin-left:auto;flex-shrink:0}.playlist-builder__icon-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--playlist-control-size);height:var(--playlist-control-size);min-width:var(--playlist-control-size);min-height:var(--playlist-control-size);max-width:var(--playlist-control-size);max-height:var(--playlist-control-size);padding:0;border:var(--border_001);border-radius:var(--border_radius_001);background:var(--site-body-bg);color:var(--site-body-fg);cursor:pointer}.playlist-builder__icon-btn .playlist-icon{width:calc(var(--playlist-control-size) * .5);height:calc(var(--playlist-control-size) * .5);display:block}.playlist-builder__icon-btn:hover:not(:disabled){border-color:var(--site-medium)}.playlist-builder__icon-btn:disabled{opacity:.35;cursor:not-allowed}.playlist-builder__item--playing .playlist-builder__icon-btn{background:var(--site-body-bg);color:var(--site-body-fg);border-color:var(--site-border)}.playlist-builder__item:active{cursor:grabbing}.playlist-builder__item--playing{background:var(--site-accent);color:var(--site-accent-fg);border-color:var(--site-accent)}.playlist-builder__item--drop-target{outline:2px dashed var(--site-medium);outline-offset:-2px}.playlist-builder__dropzone{flex:1;min-height:10rem}.playlist-builder__dropzone--over{outline:2px dashed var(--site-medium);outline-offset:-4px}.playlist-builder__empty{padding:.65rem;font-size:var(--font-xs);color:var(--site-body-fg)}.playlist-builder__status{font-size:var(--font-sm)}.playlist-builder__status--error{color:var(--site-body-fg);border:var(--border_001);padding:.4rem .6rem;border-radius:var(--border_radius_001);font-size:var(--font-sm)}.playlist-builder__audio{display:none}@media(min-width:768px){.playlist-builder__item,.playlist-builder__item-label{font-size:var(--font-sm)}.playlist-builder__item{padding:.35rem .5rem}.playlist-builder__panel h2{font-size:var(--font-md);padding:.5rem .75rem}}