.srt{position:relative;flex:none;isolation:isolate;display:inline-grid;place-items:center;inline-size:48px;block-size:48px;border-radius:var(--hp-radius-inset);overflow:hidden;background:linear-gradient(135deg,var(--glass-fill-12),var(--glass-fill-5))}.srt[data-size="56"]{inline-size:56px;block-size:56px}.srt:after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glass-stroke-12)}.srt[data-media=audio]{background:var(--glass-fill-12)}.srt-move{position:absolute;z-index:3;inset-inline:0;inset-block-end:0;display:flex;justify-content:space-between;background:linear-gradient(to top,var(--scrim-ground-60),transparent);opacity:0;transition:opacity var(--dur-fast,.12s) ease-out}.srt:focus-within .srt-move,.srt:hover .srt-move{opacity:1}@media (hover:none){.srt-move{opacity:1}}@media (prefers-reduced-motion:reduce){.srt-move{transition:none}}.srt-move-btn{display:grid;place-items:center;inline-size:22px;block-size:22px;padding:0;border:0;border-radius:var(--hp-radius-pill);cursor:pointer;background:var(--scrim-ground-60);color:var(--neutral-200)}.srt-move-btn:disabled{opacity:.3;cursor:default}.srt[tabindex]{cursor:grab}.srt[tabindex]:focus-visible{outline:2px solid var(--landing-cream);outline-offset:2px}.srt[tabindex]:active{cursor:grabbing}.srt[data-over]:after{box-shadow:inset 0 0 0 2px var(--brand-cream)}@media (prefers-reduced-motion:no-preference){.srt[tabindex]:not([data-motion]){transition:transform var(--dur-fast,.12s) ease-out}.srt[data-over]:not([data-motion]){transform:translateY(-2px)}}.srt-tag{position:absolute;z-index:2;inset-block-start:2px;inset-inline-start:2px;min-inline-size:16px;text-align:center;padding:0 3px;border-radius:var(--hp-radius-xs,6px);font-family:var(--font-body);font-size:var(--type-control-size);line-height:16px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:0;color:var(--neutral-200);background:var(--scrim-ground-60);pointer-events:none;white-space:nowrap}.srt[data-unused] .srt-tag{outline:1.5px dotted var(--neutral-200);outline-offset:-2.5px}.st-media{position:absolute;inset:0;inline-size:100%;block-size:100%;-o-object-fit:contain;object-fit:contain;display:block;pointer-events:none}.srt-play{position:relative;z-index:1;display:inline-grid;place-items:center;inline-size:22px;block-size:22px;padding-inline-start:1px;border-radius:var(--hp-radius-pill);background:var(--glass-fill-14);box-shadow:inset 0 0 0 1px var(--glass-stroke-30);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--landing-cream)}.srt-wave{position:relative;z-index:1;display:inline-flex;color:var(--neutral-200)}.srt:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:var(--scrim-ground-60);opacity:0;transition:opacity var(--dur-fast) var(--ease-ui)}.srt:focus-within:before,.srt:has(.srt-remove):hover:before{opacity:1}.srt-remove{position:absolute;z-index:3;inset-block-start:0;inset-inline-end:0;display:inline-grid;place-items:center;inline-size:var(--space-5);block-size:var(--space-5);padding:0;border:0;background:transparent;cursor:pointer;color:var(--neutral-400);opacity:0;transition:opacity var(--dur-fast) var(--ease-ui)}.srt-remove:focus-visible,.srt:hover .srt-remove{opacity:1}.srt-remove:hover{color:var(--landing-cream)}.srt-remove:focus-visible{outline:2px solid var(--landing-cream);outline-offset:-2px;border-radius:var(--hp-radius-badge)}@media (hover:none){.srt-remove{opacity:1;inline-size:var(--space-6);block-size:var(--space-6)}}@media (pointer:coarse){.srt-remove{opacity:1}.srt-remove:after{content:"";position:absolute;inset-block-start:0;inset-inline-end:0;inline-size:44px;block-size:44px}.srt[tabindex]{--srt-touch-target:calc(var(--space-7) - var(--space-1));inline-size:calc(var(--srt-touch-target) * 2);block-size:calc(var(--srt-touch-target) * 2)}.srt[tabindex] .srt-remove{inline-size:var(--srt-touch-target);block-size:var(--srt-touch-target)}.srt[tabindex] .srt-remove:after{content:none}.srt[tabindex] .srt-move{opacity:1}.srt[tabindex] .srt-move-btn{inline-size:var(--srt-touch-target);block-size:var(--srt-touch-target)}}@media (any-pointer:coarse){.srt .srt-move,.srt .srt-remove{opacity:1}}.srt-overflow{border:0;padding:0;cursor:pointer;font-family:var(--font-body);font-weight:500;font-size:var(--type-small-size);line-height:1;color:var(--landing-cream)}.srt-overflow:before{opacity:1}.srt-overflow>span{position:relative;z-index:3}.srt-overflow:disabled{cursor:default}.srt-overflow:focus-visible{outline:2px solid var(--landing-cream);outline-offset:2px}@media (prefers-reduced-motion:reduce){.srt-remove,.srt:before{transition:none}}.sac{display:flex;flex-direction:column;gap:var(--space-2);inline-size:100%;padding:0;border:0;background:none;color:inherit;text-align:start;cursor:pointer;font-family:var(--font-body)}.sac:disabled{cursor:progress}.sac[draggable=true]{cursor:grab}.sac[data-dragging]{opacity:.4}.sac-thumb{position:relative;isolation:isolate;display:grid;place-items:center;inline-size:100%;aspect-ratio:10/7;border-radius:var(--hp-radius-control);overflow:hidden;background:linear-gradient(145deg,var(--glass-fill-12) 0,var(--glass-fill-5) 71.43%);transition:background-color var(--dur-fast) var(--ease-ui)}.sac[data-density=tile] .sac-thumb{border-radius:var(--hp-radius-inset);background:linear-gradient(180deg,var(--glass-fill-10) 0,transparent 100%)}.sac-thumb:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glass-stroke-10)}.sac:hover .sac-thumb{background:linear-gradient(145deg,var(--glass-fill-16) 0,var(--glass-fill-7) 71.43%)}.sac[aria-pressed=true] .sac-thumb:after{box-shadow:inset 0 0 0 1.5px var(--landing-cream)}.sac:focus-visible{outline:none}.sac:focus-visible .sac-thumb{outline:2px solid var(--landing-cream);outline-offset:2px}.sac-check{z-index:4;inset-block-start:var(--space-2);inset-inline-start:var(--space-2);place-items:center;inline-size:var(--space-5);block-size:var(--space-5);background:var(--landing-cream);color:var(--neutral-950)}.sac-check,.sac-play{position:absolute;display:inline-grid;border-radius:var(--hp-radius-pill)}.sac-play{z-index:2;inset-inline-start:var(--space-3);inset-block-end:var(--space-3);place-items:center;inline-size:28px;block-size:28px;padding-inline-start:2px;background:var(--scrim-ground-60);color:var(--landing-cream)}.sac[data-density=tile] .sac-play{inset-inline-start:var(--space-2);inset-block-end:var(--space-2)}.sac-wave{position:relative;z-index:1;display:inline-flex;color:var(--landing-cream)}.sac[data-busy] .sac-thumb>:not(.sac-progress){opacity:.55}.sac-progress{position:absolute;z-index:4;inset-inline:var(--space-4);inset-block-end:var(--space-4);block-size:var(--space-1);border-radius:var(--hp-radius-pill);background:var(--glass-fill-12);overflow:hidden}.sac[data-density=tile] .sac-progress{inset-inline:var(--space-2);inset-block-end:var(--space-2)}.sac-progress>span{position:absolute;inset-block:0;inline-size:40%;border-radius:inherit;background:var(--pop-orange);animation:sac-indeterminate 1.4s var(--ease-ui) infinite}@keyframes sac-indeterminate{0%{inset-inline-start:-40%}to{inset-inline-start:100%}}.sac-progress[data-determinate]>span{inset-inline-start:0;inline-size:100%;animation:none;opacity:1;transform-origin:left center;transition:transform var(--dur-base) var(--ease-out)}[dir=rtl] .sac-progress[data-determinate]>span{transform-origin:right center}.sac-name,.sac-type{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;font-size:var(--type-ui-size);line-height:20px;letter-spacing:-.006em}.sac-name{color:var(--landing-cream)}.sac-type{margin-block-start:calc(var(--space-2) * -1 + 2px);color:var(--neutral-500)}.sac-wrap{position:relative}.sac-media-actions{position:absolute;inset-block-start:0;inset-inline:0;aspect-ratio:10/7;pointer-events:none}.sac-media-actions>button{pointer-events:auto}.sac-more{position:absolute;z-index:5;inset-block-start:var(--space-2);inset-inline-end:var(--space-2);display:inline-grid;place-items:center;inline-size:var(--space-5);block-size:var(--space-5);padding:0;border:0;border-radius:var(--hp-radius-pill);cursor:pointer;background:var(--scrim-ground-60);color:var(--neutral-200);opacity:0;transition:opacity var(--dur-fast) var(--ease-ui),color var(--dur-fast) var(--ease-ui)}.sac-more:after{content:"";position:absolute;inset:calc(var(--space-1) * -1)}.sac-more[data-open],.sac-wrap:focus-within .sac-more,.sac-wrap:hover .sac-more{opacity:1}.sac-more:hover,.sac-more[data-open]{color:var(--landing-cream)}.sac-more:focus-visible{outline:2px solid var(--landing-cream);outline-offset:2px}@media (hover:none){.sac-more{opacity:1}}@media (pointer:coarse){.sac-more:after{inset:-10px}}@media (max-width:760px){.sac-name,.sac-type{font-size:var(--type-small-size)}}[dir=rtl] :is(.sac-name,.sac-type){line-height:24px;letter-spacing:0}@media (prefers-reduced-motion:reduce){.sac-more,.sac-thumb{transition:none}.sac-progress>span{animation:none;inline-size:100%;opacity:.45;inset-inline-start:0}.sac-progress[data-determinate]>span{opacity:1;transition:none}}.sac-expand{position:absolute;z-index:5;inset-block-end:var(--space-2);inset-inline-end:var(--space-2);display:inline-grid;place-items:center;inline-size:var(--space-5);block-size:var(--space-5);padding:0;border:0;border-radius:var(--hp-radius-pill);cursor:pointer;background:var(--scrim-ground-60);color:var(--neutral-200);opacity:0;transition:opacity var(--dur-fast) var(--ease-ui),color var(--dur-fast) var(--ease-ui)}.sac-expand:after{content:"";position:absolute;inset:calc(var(--space-1) * -1)}.sac-wrap:focus-within .sac-expand,.sac-wrap:hover .sac-expand{opacity:1}.sac-expand:hover{color:var(--landing-cream)}.sac-expand:focus-visible{outline:2px solid var(--landing-cream);outline-offset:2px;opacity:1}@media (hover:none){.sac-expand{opacity:1}}@media (pointer:coarse){.sac-expand,.sac-more{opacity:1;inline-size:calc(var(--space-7) - var(--space-1));block-size:calc(var(--space-7) - var(--space-1))}.sac-expand:after,.sac-more:after{content:none}}@media (any-pointer:coarse){.sac-wrap .sac-expand,.sac-wrap .sac-more{opacity:1}}@media (prefers-reduced-motion:reduce){.sac-expand{transition:none}}.sac-select{position:absolute;z-index:5;inset-block-start:var(--space-1);inset-inline-start:var(--space-1);place-items:center;inline-size:var(--space-6);block-size:var(--space-6);padding:0;border:0;background:transparent;cursor:pointer;color:var(--neutral-950);opacity:0;transition:opacity var(--dur-fast) var(--ease-ui)}.sac-select,.sac-select>span{display:inline-grid;border-radius:var(--hp-radius-pill)}.sac-select>span{place-items:center;inline-size:var(--space-5);block-size:var(--space-5);background:var(--scrim-ground-60);box-shadow:inset 0 0 0 1.5px var(--landing-cream)}.sac-select>span>svg{opacity:0}.sac-select[aria-pressed=true]>span{background:var(--landing-cream);box-shadow:none}.sac-select[aria-pressed=true]>span>svg{opacity:1}.sac-select:focus-visible{outline:2px solid var(--landing-cream);outline-offset:0}.sac-select[aria-pressed=true],.sac-wrap:focus-within .sac-select,.sac-wrap:hover .sac-select,[data-selecting] .sac-select{opacity:1}.sac-wrap[data-selected] .sac-thumb:after{box-shadow:inset 0 0 0 1.5px var(--landing-cream)}@media (hover:none){.sac-select{opacity:1}}@media (pointer:coarse){.sac-select{inset-block-start:0;inset-inline-start:0;inline-size:calc(var(--space-7) - var(--space-1));block-size:calc(var(--space-7) - var(--space-1))}}@media (any-pointer:coarse){.sac-wrap .sac-select{opacity:1}}@media (prefers-reduced-motion:reduce){.sac-select{transition:none}}.sfp{inline-size:min(320px,100vw - var(--space-6))}.sfp-panel{gap:var(--space-2);padding:var(--space-2);border-radius:var(--hp-radius-tile)}.sfp-title{margin:0;padding:var(--space-1) var(--space-2) 0;font-weight:500;font-size:var(--type-control-size);line-height:16px;color:var(--neutral-400)}.sfp-search{flex:none}@media (pointer:coarse){.sfp-name .sld-input,.sfp-search input{font-size:max(16px,var(--type-ui-size))}}.sfp-divider{margin:0;border:0;block-size:1px;background:var(--glass-stroke-12)}.sfp-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;max-block-size:calc(6 * 36px + 5 * 2px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--glass-fill-14) transparent}.sfp-list:empty{display:none}.sfp-row{display:flex;align-items:center;gap:10px;inline-size:100%;min-block-size:36px;padding:var(--space-1) var(--space-3);border:0;border-radius:var(--hp-radius-inset);background:transparent;cursor:pointer;color:var(--landing-cream);text-align:start;font-family:var(--font-body);font-weight:500;font-size:var(--type-small-size);line-height:20px;transition:background-color var(--dur-fast) var(--ease-ui)}.sfp-row svg{flex:none;color:var(--neutral-200)}.sfp-row:focus-visible,.sfp-row:hover{background:var(--glass-fill-8)}.sfp-row:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--landing-cream)}.sfp-row-text{flex:1 1 auto;min-inline-size:0;display:flex;flex-direction:column}.sfp-row-name,.sfp-row-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sfp-row-sub{font-size:var(--type-control-size);line-height:16px;color:var(--neutral-400)}.sfp-status{padding-inline:var(--space-2);color:var(--neutral-400)}.sfp-name{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-1)}.sfp-name .sld-input{flex:1 1 12ch;min-inline-size:0}.sfp-name .sl-tool{min-inline-size:0}.sfp-error{flex-basis:100%;margin:0}.sfp .sld-actions{padding:0 var(--space-1) var(--space-1)}@media (pointer:coarse){.sfp-row{min-block-size:44px}}@media (prefers-reduced-motion:reduce){.sfp-row{transition:none}}[dir=rtl] .sfp-row-name{line-height:24px}