#soundControlsContainer{display:none;flex-direction:column;gap:var(--panel-gap)}#soundControlsContainer.show{display:flex}.sound-manager-demo{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;max-width:1200px;margin:0 auto;padding:var(--spacing-lg) var(--spacing-lg) 96px;display:flex;flex-direction:column;gap:var(--panel-gap)}body.has-open-console .sound-manager-demo{padding-bottom:calc(96px + min(38vh,300px))}body.has-open-dialog{overflow:hidden}.sound-manager-header{padding:var(--spacing-sm) 0}.title-container{display:flex;align-items:center;gap:var(--spacing-sm)}.main-title-container{display:flex;align-items:center;gap:var(--spacing-lg);flex:1}.main-title{font-size:1.3rem;font-weight:650;letter-spacing:-.015em;margin:0;color:var(--color-primary-text)}.header-info{display:flex;flex-direction:column;gap:.35rem}.header-info--title{display:flex;flex-direction:row;align-items:center;gap:.7rem}.version-badge{background:var(--color-primary-text);color:var(--color-white);padding:.15rem .5rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.02em}.copyright{font-size:.78rem;color:var(--color-text-muted)}.intro-lead{margin:var(--spacing-lg) 0 0;max-width:74ch;font-size:.9rem;line-height:1.65;color:var(--color-text-muted)}.subtitle{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);font-size:.88rem;color:var(--color-text-muted)}.tagline{font-style:italic}.sound-manager-intro{margin-bottom:var(--spacing-sm)}.links-container{display:flex;align-items:center;gap:var(--spacing-md)}.header-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:6px 12px;border-radius:999px;text-decoration:none;color:var(--color-text);font-size:.84rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease;background:var(--color-surface);border:1px solid var(--color-border)}.header-link:hover:not(:disabled){background:var(--color-surface-secondary);border-color:color-mix(in srgb,currentColor 40%,transparent);transform:translateY(-1px);box-shadow:0 4px 10px -4px #00000059}.header-link:focus-visible{outline:2px solid currentColor;outline-offset:2px}.header-link svg{opacity:.85}.docs-link{color:var(--color-primary-text)}.npm-link{color:#cb3837}.shortcuts-link{color:var(--color-text-title)}body.dark-theme .header-link{background:#ffffff0a;border-color:#ffffff1f}body.dark-theme .npm-link{color:#ff6b6a}.list-toolbar{display:grid;grid-template-columns:minmax(0,auto) minmax(190px,1fr) auto auto;align-items:center;gap:var(--spacing-lg);padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--panel-radius);background:var(--color-surface);box-shadow:var(--panel-shadow)}body.dark-theme .list-toolbar{background:#1e1e1eb5;border-color:var(--color-border)}.list-toolbar__lead{display:flex;flex-direction:column;gap:2px}.list-toolbar__title{margin:0;font-size:.98rem;font-weight:650;letter-spacing:-.01em;color:var(--color-text)}.list-toolbar__status{display:flex;align-items:center;gap:10px;font-size:.74rem;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.list-toolbar__playing{display:inline-flex;align-items:center;gap:6px;font-weight:600}.list-toolbar__playing:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--color-border);transition:background .2s ease}.list-toolbar__playing.is-live{color:var(--color-primary-text)}.list-toolbar__playing.is-live:before{background:var(--color-primary);animation:playingPulse 1.8s ease-in-out infinite}@keyframes playingPulse{0%,to{box-shadow:0 0 rgba(var(--color-primary-rgb),.55)}60%{box-shadow:0 0 0 5px rgba(var(--color-primary-rgb),0)}}.list-toolbar__search{position:relative;display:flex;align-items:center}.list-toolbar__search-icon{position:absolute;left:11px;display:inline-flex;color:var(--color-text-muted);pointer-events:none}.list-toolbar__input{width:100%;padding:8px 36px 8px 34px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface-secondary);color:var(--color-text);font-family:inherit;font-size:.85rem;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.list-toolbar__input::placeholder{color:var(--color-text-muted)}.list-toolbar__input::-webkit-search-cancel-button{display:none}.list-toolbar__input:focus{outline:none;border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.18)}body.dark-theme .list-toolbar__input{background:#ffffff0d;border-color:#ffffff1f}.list-toolbar__clear{position:absolute;right:10px;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;border-radius:50%;background:var(--color-border);color:var(--color-text);cursor:pointer}.list-toolbar__clear[hidden]{display:none}.list-toolbar__clear:hover:not(:disabled){background:var(--color-warning);color:#fff;transform:none}.list-toolbar__chips{display:flex;flex-wrap:wrap;gap:5px}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border:1px solid var(--color-border);border-radius:999px;background:transparent;color:var(--color-text-muted);font-family:inherit;font-size:.78rem;font-weight:600;cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease}.chip:hover:not(:disabled){background:var(--color-surface-secondary);color:var(--color-text);transform:none}.chip.is-active{background:var(--color-primary-text);border-color:var(--color-primary-text);color:var(--color-white)}.chip:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.chip__count{font-variant-numeric:tabular-nums;opacity:.65}body.dark-theme .chip{border-color:#ffffff24}body.dark-theme .chip:hover:not(:disabled){background:#ffffff0f}body.dark-theme .chip.is-active{color:#06210a}.list-toolbar__bulk{display:flex;gap:5px}.bulk-button{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border:1px solid var(--color-border);border-radius:8px;background:transparent;color:var(--color-text-muted);font-family:inherit;font-size:.78rem;font-weight:600;cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease}.bulk-button:hover:not(:disabled){background:var(--color-surface-secondary);border-color:var(--color-primary);color:var(--color-text);transform:none}.bulk-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}body.dark-theme .bulk-button{border-color:#ffffff24}body.dark-theme .bulk-button:hover:not(:disabled){background:#ffffff0f}.list-empty{margin:0;padding:28px 20px;border:1px dashed var(--color-border);border-radius:var(--panel-radius);text-align:center;color:var(--color-text-muted);font-size:.88rem}.shortcuts-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;display:grid;place-items:center;padding:var(--spacing-lg)}.shortcuts-overlay[hidden]{display:none}.shortcuts-overlay__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#090e188c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:scrimIn .2s ease-out}@keyframes scrimIn{0%{opacity:0}to{opacity:1}}.shortcuts{position:relative;width:min(560px,100%);max-height:84vh;overflow:auto;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface);box-shadow:0 28px 60px -20px #0000008c,0 4px 14px #0003;animation:sheetIn .32s cubic-bezier(.16,1,.3,1)}@keyframes sheetIn{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}body.dark-theme .shortcuts{background:#191d22;border-color:#ffffff1f}.shortcuts__head{display:flex;align-items:center;gap:var(--spacing-md);padding:16px 18px;border-bottom:1px solid var(--color-border)}.shortcuts__icon{display:inline-flex;color:var(--color-primary)}.shortcuts__title{flex:1;margin:0;font-size:1.02rem;font-weight:650;letter-spacing:-.01em;color:var(--color-text)}.shortcuts__close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid var(--color-border);border-radius:8px;background:transparent;color:var(--color-text-muted);cursor:pointer}.shortcuts__close:hover:not(:disabled){background:var(--color-warning);border-color:var(--color-warning);color:#fff;transform:none}.shortcuts__body{padding:6px 18px 20px}.shortcuts__group+.shortcuts__group{margin-top:18px}.shortcuts__group-title{margin:16px 0 8px;font-size:.7rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--color-text-muted)}.shortcuts__list{margin:0;display:grid;gap:2px}.shortcuts__row{display:grid;grid-template-columns:180px 1fr;align-items:baseline;gap:var(--spacing-lg);padding:7px 0;border-top:1px solid var(--color-border)}.shortcuts__row:first-child{border-top:none}.shortcuts__row dt{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.shortcuts__row dd{margin:0;font-size:.85rem;line-height:1.5;color:var(--color-text)}.shortcuts__ellipsis{color:var(--color-text-muted)}.shortcuts kbd{display:inline-block;min-width:22px;padding:3px 7px;font-family:Cascadia Code,Consolas,monospace;border:1px solid var(--color-border);border-bottom-width:2px;border-radius:6px;background:var(--color-surface-secondary);color:var(--color-text);font-size:.74rem;font-weight:600;text-align:center}body.dark-theme .shortcuts kbd{background:#ffffff12;border-color:#ffffff29}.spinner{display:none;width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.preload-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);min-height:36px}.preload-btn.loading{opacity:.8}.preload-btn.loading .spinner{display:block}.preload-btn.loading .button-text{opacity:.7}.button-group-global{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}@media (max-width: 1080px){.list-toolbar{grid-template-columns:1fr 1fr;row-gap:var(--spacing-md)}.list-toolbar__bulk{justify-content:flex-end}}@media (max-width: 768px){.sound-manager-demo{padding:var(--spacing-sm) var(--spacing-sm) 88px}.subtitle{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.links-container{flex-wrap:wrap}.tagline{order:-1}.list-toolbar{grid-template-columns:1fr}.list-toolbar__bulk{justify-content:flex-start}.shortcuts__row{grid-template-columns:1fr;gap:5px}}@media (max-width: 460px){.header-link{font-size:.78rem;padding:5px 9px}.links-container{gap:var(--spacing-sm)}.bulk-button span{display:none}}@media (prefers-reduced-motion: reduce){.shortcuts,.shortcuts-overlay__scrim{animation:none}.list-toolbar__playing.is-live:before{animation:none}}#masterVolumeValue,#masterPanValue{white-space:nowrap;font-size:var(--range-value-size)}#masterVolumeValue{margin-left:10px}body.dark-theme .master-controls{color:var(--color-text);background-color:var(--color-surface)}body .control-group.sticky.master-controls.is-stuck{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-color:#ff7519ba;box-shadow:1px 1px 20px 1px #000c}#waveVisualizerContainer,.master-controls .master-spatial-controls{overflow:hidden;max-height:460px;opacity:1;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .2s ease,margin .3s ease}.master-controls.is-stuck #waveVisualizerContainer,.master-controls.is-stuck .master-spatial-controls{max-height:0;opacity:0;margin-top:0;margin-bottom:0;pointer-events:none}@media (prefers-reduced-motion: reduce){#waveVisualizerContainer,.master-controls .master-spatial-controls{transition-duration:.01ms}}body.dark-theme .control-group.sticky.master-controls.is-stuck{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#masterControlContainer{top:10px;z-index:100;position:sticky}#masterControlContainer.is-reserving{position:static}#masterControlContainer.is-reserving>.master-controls{position:fixed;top:10px;z-index:100}#masterControlContainer.is-measuring #waveVisualizerContainer,#masterControlContainer.is-measuring .master-spatial-controls{transition:none}.control-group.master-controls input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--color-master) var(--range-progress, 0%),#ddd var(--range-progress, 0%))}.control-group.master-controls input[type=range]::-webkit-slider-thumb{background:var(--color-master)}.control-group.master-controls input[type=range]::-moz-range-thumb{background:var(--color-master)}.control-group.master-controls input[type=range]::-ms-thumb{background:var(--color-master)}.control-group.master-controls .icon-button,.control-group.master-controls button{background:var(--color-master)}.control-group.master-controls button:disabled{background-color:var(--color-master-disabled)}.control-group.master-controls button:hover:not(:disabled){background:var(--color-master-hover)}.control-group.master-controls button:focus{outline-color:var(--color-master)}body.dark-theme .control-group.master-controls{background:#4caf4f3f}.sound-control{--channel-accent: #2f9e93;margin-bottom:0;padding:0;overflow:hidden;transition:box-shadow .24s ease,border-color .24s ease}.sound-control[data-category=ambience]{--channel-accent: #2f8f86}.sound-control[data-category=music]{--channel-accent: #6a5cc4}.sound-control[data-category=voice]{--channel-accent: #b8760d}.sound-control[data-category=game]{--channel-accent: #c14f70}.sound-control[hidden]{display:none}.sound-control.is-playing{box-shadow:0 8px 24px -14px color-mix(in srgb,var(--channel-accent) 90%,transparent),0 2px 8px #00000014}.channel{display:grid;grid-template-columns:auto auto minmax(0,1.5fr) minmax(56px,.7fr) auto auto minmax(96px,.6fr) auto;align-items:center;gap:var(--spacing-lg);padding:9px 12px}.channel__disclosure{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease}.channel__disclosure svg{transition:transform .26s cubic-bezier(.4,0,.2,1);transform:rotate(-90deg)}.sound-control.is-expanded .channel__disclosure svg{transform:rotate(0)}.channel__disclosure:hover:not(:disabled){background:var(--color-surface-secondary);border-color:var(--color-border);color:var(--color-text);transform:none}.channel__disclosure:focus-visible{outline:2px solid var(--channel-accent);outline-offset:1px}.channel__disclosure-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.channel__glyph{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;background:color-mix(in srgb,var(--channel-accent) 13%,transparent);border:1px solid color-mix(in srgb,var(--channel-accent) 30%,transparent);color:var(--channel-accent);transition:background .24s ease,color .24s ease,border-color .24s ease}.sound-control.is-playing .channel__glyph{background:var(--channel-accent);border-color:var(--channel-accent);color:#fff}.channel__identity{min-width:0}.channel__name-row{display:flex;align-items:center;gap:8px;min-width:0}.channel__name{margin:0;font-size:.95rem;font-weight:600;letter-spacing:-.01em;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel__meta{display:flex;align-items:center;gap:8px;margin:2px 0 0;font-size:.72rem;min-width:0}.channel__category{font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:color-mix(in srgb,var(--channel-accent) 82%,var(--color-text));white-space:nowrap}.channel__id{font-family:Cascadia Code,Consolas,SF Mono,monospace;font-size:.7rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sprite-badge{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--channel-accent) 16%,transparent);border:1px solid color-mix(in srgb,var(--channel-accent) 38%,transparent);color:color-mix(in srgb,var(--channel-accent) 85%,var(--color-text));font-size:.66rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.sprite-badge svg{width:11px;height:11px}.channel__meter{position:relative;height:12px;border-radius:3px;background:var(--color-meter-track);overflow:hidden}.channel__meter-fill{display:block;height:100%;transform:scaleX(var(--level, 0));transform-origin:left center;background:linear-gradient(to right,var(--channel-accent) 0%,var(--channel-accent) 62%,#d8a340 82%,#d95f4c 100%);will-change:transform}.channel__meter:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to right,transparent 0 4px,var(--color-meter-gap) 4px 6px);pointer-events:none}.channel__time{font-size:.75rem;font-variant-numeric:tabular-nums;color:var(--color-text-muted);white-space:nowrap}.channel__transport{display:flex;align-items:center;gap:6px}.channel__transport .icon-button{width:30px;height:30px;min-width:30px;padding:7px}.channel__volume{display:flex;align-items:center;gap:var(--spacing-md)}.channel__volume input[type=range]{min-width:64px;flex:1}.channel__volume-value{min-width:38px;font-size:.75rem;font-variant-numeric:tabular-nums;text-align:right;color:var(--color-text-muted)}.icon-button.close-btn{width:26px;height:26px;min-width:26px;padding:6px;background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted)}.icon-button.close-btn:hover:not(:disabled){background:var(--color-warning);border-color:var(--color-warning);color:#fff;transform:none}.icon-button:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.icon-button:disabled{background:var(--color-disabled);cursor:not-allowed}.channel__progressline{height:2px;background:var(--color-meter-track);overflow:hidden}.channel__progressline-fill{display:block;height:100%;background:var(--channel-accent);transform:scaleX(0);transform-origin:left center;will-change:transform}.sound-control__body{padding:0 12px 10px;border-top:1px solid var(--color-border);animation:channelBodyIn .28s cubic-bezier(.16,1,.3,1)}@keyframes channelBodyIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.sound-control__blurb{margin:12px 0 0;max-width:74ch;font-size:.83rem;line-height:1.55;color:var(--color-text-muted)}.field-label{font-size:.78rem;color:var(--color-text-muted);white-space:nowrap}.slider-container{display:flex;align-items:center;gap:var(--spacing-md);flex:1;min-width:200px}.time-display{white-space:nowrap;font-size:var(--range-value-size)}.button-group{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:center}.pan-value{min-width:74px;text-align:right;white-space:nowrap;font-size:var(--range-value-size);font-variant-numeric:tabular-nums;color:var(--color-text-muted)}.control-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:var(--spacing-xs) 0}.collapse-btn{transition:transform .3s ease}.collapsed+.control-content{display:none}.spatial-content{gap:1rem}.spatial-content.collapsed{display:none}.collapsed .collapse-btn svg{transform:rotate(-90deg)}.loop-controls{display:flex;flex-direction:column;gap:var(--spacing-md)}.checkbox-container{display:flex;align-items:center;gap:var(--spacing-md);cursor:pointer}.checkbox-label{font-size:var(--range-value-size);-webkit-user-select:none;user-select:none}.max-loops-select{padding:4px 6px;border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-surface);color:var(--color-text)}.loop-count-container{display:flex;align-items:center;gap:var(--spacing-md)}.max-loops-input{width:64px;padding:4px 6px;border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-surface);color:var(--color-text)}.loop-settings{margin-left:1.6rem;display:flex;flex-direction:column;gap:var(--spacing-md)}.playback-rate-container{display:flex;align-items:center;gap:var(--spacing-md)}.playback-rate-input{width:62px;padding:4px 6px;border:1px solid var(--color-border);border-radius:var(--border-radius);background:var(--color-surface);color:var(--color-text)}.playback-rate-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.2)}@media (max-width: 1180px){.channel{gap:var(--spacing-md)}.channel__id{display:none}}@media (max-width: 1000px){.channel{grid-template-columns:auto auto minmax(0,1.4fr) auto auto minmax(90px,.6fr) auto}.channel__meter{display:none}}@media (max-width: 820px){.channel{grid-template-columns:auto auto minmax(0,1fr) auto auto;row-gap:var(--spacing-md)}.channel__time{display:none}.channel__volume{order:1;grid-column:1 / -1;padding-left:2px}.channel__volume input[type=range]{min-width:0}}@media (max-width: 560px){.channel{padding:10px}.channel__glyph{display:none}.button-group{justify-content:flex-start}.slider-container{min-width:0}.loop-settings{margin-left:0}}body.dark-theme .sound-control{background:#1e1e1eb5;border:1px solid var(--color-border);border-radius:var(--panel-radius);box-shadow:0 6px 20px #00000080,0 2px 8px #0000004d}body.dark-theme .sound-control[data-category=ambience]{--channel-accent: #4fc7b8}body.dark-theme .sound-control[data-category=music]{--channel-accent: #a396ea}body.dark-theme .sound-control[data-category=voice]{--channel-accent: #efb45c}body.dark-theme .sound-control[data-category=game]{--channel-accent: #f08fa9}body.dark-theme .sound-control.is-playing .channel__glyph{color:#10161b}body.dark-theme .sound-control>.sound-control__body{border-top:1px solid var(--color-border)}body.dark-theme .sound-control__body>.control-content{border-top:1px solid var(--color-border);margin-top:0}body.dark-theme .sound-control__body>.control-content:first-of-type{border-top:none}@media (prefers-reduced-motion: reduce){.sound-control__body{animation:none}.channel__disclosure svg,.channel__glyph{transition-duration:.01ms}}.sound-loader{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:calc(var(--spacing-lg) * 2);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--panel-radius);box-shadow:var(--panel-shadow);transition:opacity .32s ease,transform .32s ease}.sound-loader.is-leaving{opacity:0;transform:translateY(-6px)}.sound-loader__head{display:flex;flex-direction:column;gap:var(--spacing-xs)}.sound-loader__title{margin:0;font-size:1.15rem;font-weight:600;letter-spacing:-.01em;color:var(--color-text)}.sound-loader__subtitle{margin:0;max-width:62ch;font-size:.875rem;line-height:1.5;text-wrap:pretty;color:var(--color-text);opacity:.72}.sound-loader__desk{display:flex;align-items:flex-end;gap:6px;width:fit-content;max-width:100%;height:72px;padding-bottom:2px;border-bottom:2px solid var(--color-border)}.sound-loader__channel{position:relative;flex:0 0 clamp(14px,3.4vw,34px);height:100%;display:flex;align-items:flex-end}.sound-loader__bar{width:100%;height:8%;border-radius:3px 3px 0 0;transform-origin:bottom center;background-color:var(--color-text);opacity:.16;transition:opacity .2s ease,background-color .2s ease}.sound-loader__channel.is-loaded .sound-loader__bar{background-color:var(--color-master);opacity:1;height:56%;animation:sound-loader-pop .44s cubic-bezier(.2,.9,.25,1) both,sound-loader-live 1.5s ease-in-out calc(.44s + var(--phase, 0ms)) infinite}.sound-loader__channel.is-failed .sound-loader__bar{background-color:var(--color-warning);opacity:.9;height:14%;animation:none}@keyframes sound-loader-pop{0%{transform:scaleY(.12)}55%{transform:scaleY(1.16)}to{transform:scaleY(1)}}@keyframes sound-loader-live{0%,to{height:44%}28%{height:76%}61%{height:30%}82%{height:60%}}.sound-loader__meta{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-lg);font-size:.875rem;color:var(--color-text)}.sound-loader__count{opacity:.72;white-space:nowrap}.sound-loader__done{font-variant-numeric:tabular-nums;font-weight:700;font-size:1rem;color:var(--color-master);opacity:1}.sound-loader__current{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;opacity:.6}.sound-loader__current.is-error{color:var(--color-warning);opacity:1}@media (prefers-reduced-motion: reduce){.sound-loader{transition:none}.sound-loader__channel.is-loaded .sound-loader__bar{animation:none;height:62%}}@media (max-width: 600px){.sound-loader{padding:var(--spacing-lg)}.sound-loader__desk{height:56px;gap:4px}.sound-loader__meta{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.sound-loader__current{text-align:left}}#waveVisualizerContainer{padding:0;margin-bottom:.5rem}.wave-visualizer{position:relative;background:var(--visualizer-bg, #0d0d1a);border-radius:var(--panel-radius);border:1px solid rgb(182 182 182 / 28%);padding:12px 16px 10px;margin:0;box-shadow:inset 2px 2px 10px 2px #00000070}.wave-visualizer__label{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-title);margin-bottom:10px;-webkit-user-select:none;user-select:none}.wave-visualizer__canvas{display:block;width:100%;height:72px;border-radius:6px}body:not(.dark-theme) .wave-visualizer{--visualizer-bg: #f0f2ff;--visualizer-label: rgba(74, 107, 255, .55)}body.dark-theme .wave-visualizer{border:1px solid rgb(86,86,86)}.console-dock{--console-surface: #10161b;--console-surface-raised: #172029;--console-line: #26333d;--console-text: #c3cfd8;--console-text-dim: #8095a3;--console-accent: #6fd48a;position:fixed;inset:auto 0 0 0;z-index:200;display:flex;flex-direction:column;background:var(--console-surface);border-top:1px solid var(--console-line);box-shadow:0 -12px 32px #00000052,0 -2px 6px #0000003d;color:var(--console-text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.console-dock__bar{display:flex;align-items:center;gap:var(--spacing-md);padding:0 var(--spacing-lg) 0 0;min-height:46px}.console-dock__handle{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 16px;border:none;border-right:1px solid var(--console-line);border-radius:0;background:transparent;color:var(--console-text);font-size:.85rem;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:background .18s ease,color .18s ease}.console-dock__handle:hover:not(:disabled){background:var(--console-surface-raised);color:#fff;transform:none}.console-dock__handle:focus-visible{outline:2px solid var(--console-accent);outline-offset:-3px}.console-dock__handle-icon{display:inline-flex;color:var(--console-accent)}.console-dock__count{padding:2px 8px;border-radius:999px;background:#6fd48a24;color:var(--console-accent);font-size:.72rem;font-weight:700;font-variant-numeric:tabular-nums}.console-dock__chevron{display:inline-flex;color:var(--console-text-dim);transition:transform .25s cubic-bezier(.4,0,.2,1)}.console-dock.is-open .console-dock__chevron{transform:rotate(180deg)}.console-dock__tabs{display:flex;gap:2px;flex:1}.console-tab{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--console-text-dim);font-size:.82rem;font-weight:600;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease}.console-tab:hover:not(:disabled){background:var(--console-surface-raised);color:var(--console-text);transform:none}.console-tab.is-active{background:var(--console-surface-raised);border-color:var(--console-line);color:#fff}.console-tab:focus-visible{outline:2px solid var(--console-accent);outline-offset:1px}.console-dock__actions{display:flex;align-items:center;gap:var(--spacing-md)}.console-action{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border:1px solid var(--console-line);border-radius:7px;background:var(--console-surface-raised);color:var(--console-text);font-size:.78rem;font-weight:600;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease}.console-action:hover:not(:disabled){background:#202c36;border-color:#384956;color:#fff;transform:none}.console-action:focus-visible{outline:2px solid var(--console-accent);outline-offset:1px}.console-action.is-copied{border-color:var(--console-accent);background:#6fd48a2e;color:var(--console-accent)}.console-action__done,.console-action.is-copied .console-action__idle{display:none}.console-action.is-copied .console-action__done{display:inline}.console-action.is-failed{border-color:#e8895f;color:#f0a882}.console-action--quiet{padding:6px 8px;background:transparent}.console-toggle{display:none;align-items:center;gap:8px;color:var(--console-text-dim);font-size:.76rem;cursor:pointer;-webkit-user-select:none;user-select:none}.console-dock[data-pane=events] .console-toggle{display:inline-flex}.console-toggle__input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.console-toggle__track{position:relative;width:30px;height:17px;border-radius:999px;background:#2b3944;transition:background .2s ease}.console-toggle__track:after{content:"";position:absolute;top:3px;left:3px;width:11px;height:11px;border-radius:50%;background:var(--console-text-dim);transition:transform .2s cubic-bezier(.4,0,.2,1),background .2s ease}.console-toggle__input:checked+.console-toggle__track{background:#6fd48a4d}.console-toggle__input:checked+.console-toggle__track:after{transform:translate(13px);background:var(--console-accent)}.console-toggle__input:focus-visible+.console-toggle__track{outline:2px solid var(--console-accent);outline-offset:2px}.console-dock__body{border-top:1px solid var(--console-line);height:min(38vh,300px);overflow:hidden}.console-pane{position:relative;height:100%;overflow:hidden}.console-empty{margin:0;padding:18px 20px;max-width:68ch;color:var(--console-text-dim);font-size:.84rem;line-height:1.6}.console-code{margin:0;padding:14px 20px 20px;height:100%;overflow:auto;font-family:Cascadia Code,JetBrains Mono,Consolas,SF Mono,monospace;font-size:.8rem;line-height:1.75;color:var(--console-text);white-space:pre;-moz-tab-size:2;tab-size:2}.console-empty:not([hidden])+.console-code{height:auto;padding-top:0}.console-line{display:block}.console-line:last-child{animation:consoleLineIn .35s cubic-bezier(.16,1,.3,1)}@keyframes consoleLineIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.console-repeat{margin-left:10px;padding:0 6px;border-radius:4px;background:#ffffff12;color:var(--console-text-dim);font-size:.7rem;font-variant-numeric:tabular-nums}.tok-obj{color:#7f96a6}.tok-fn{color:#ffc061}.tok-str{color:#93d9a0}.tok-num{color:#7fcbe8}.tok-key{color:#b3c4d1}.tok-keyword{color:#ff9d6b}.tok-punc{color:#708595}.console-events{margin:0;padding:8px 0 16px;height:100%;overflow:auto;list-style:none}.console-event{display:grid;grid-template-columns:220px 170px 1fr;gap:var(--spacing-md);align-items:baseline;padding:4px 20px;font-family:Cascadia Code,JetBrains Mono,Consolas,SF Mono,monospace;font-size:.76rem;line-height:1.6;border-left:2px solid transparent}.console-event:hover{background:#ffffff09}.console-dock.hide-progress .console-event.is-progress{display:none}.console-event__type{color:var(--console-text-dim)}.console-event.is-transport{border-left-color:var(--console-accent)}.console-event.is-transport .console-event__type{color:var(--console-accent);font-weight:600}.console-event.is-error{border-left-color:#e8724f}.console-event.is-error .console-event__type{color:#ff9575;font-weight:600}.console-event__target{color:#ffc061}.console-event__detail{color:#8ea6b6;font-variant-numeric:tabular-nums}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media (max-width: 900px){.console-dock__handle-label,.console-tab span,.console-action .console-action__idle,.console-action.is-copied .console-action__done{display:none}.console-dock__handle{padding:0 12px}.console-dock__bar{gap:var(--spacing-sm);padding-right:var(--spacing-md)}.console-toggle__label{display:none}.console-event{grid-template-columns:1fr;gap:0;padding:6px 14px}.console-event__target{color:#ffc061}}@media (prefers-reduced-motion: reduce){.console-line:last-child{animation:none}.console-dock__chevron,.console-toggle__track:after{transition-duration:.01ms}}.soundscapes__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-lg);flex-wrap:wrap}.soundscapes__title{margin:0 0 4px;font-size:1.05rem;font-weight:600;letter-spacing:-.01em;color:var(--color-text)}.soundscapes__lead{margin:0;max-width:62ch;font-size:.85rem;line-height:1.55;color:var(--color-text-muted)}.scene-stop{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border:1px solid var(--color-border);border-radius:999px;background:transparent;color:var(--color-text-muted);font-size:.8rem;font-weight:600;cursor:pointer;transition:border-color .18s ease,color .18s ease,background .18s ease}.scene-stop:hover:not(:disabled){background:var(--color-warning);border-color:var(--color-warning);color:#fff;transform:none}.scene-stop:disabled{opacity:.45;background:transparent;color:var(--color-text-muted);cursor:not-allowed}.soundscapes__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);margin-top:var(--spacing-lg)}@media (min-width: 760px){.soundscapes__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.scene{--scene-accent: #4c8ed9;position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--spacing-lg);padding:13px 14px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);color:var(--color-text);text-align:left;cursor:pointer;overflow:hidden;transition:border-color .22s ease,box-shadow .22s ease,transform .22s cubic-bezier(.16,1,.3,1)}.scene[data-scene=rainy-forest]{--scene-accent: #4a90d9}.scene[data-scene=night-camp]{--scene-accent: #e08a3c}.scene[data-scene=deep-current]{--scene-accent: #2f9e93}.scene[data-scene=dawn-chorus]{--scene-accent: #d96a8a}.scene:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,color-mix(in srgb,var(--scene-accent) 16%,transparent),transparent 62%);opacity:0;transition:opacity .28s ease;pointer-events:none}.scene:hover:not(:disabled){border-color:color-mix(in srgb,var(--scene-accent) 55%,transparent);box-shadow:0 8px 22px -10px color-mix(in srgb,var(--scene-accent) 75%,transparent);transform:translateY(-2px);background:var(--color-surface)}.scene:hover:not(:disabled):before{opacity:.7}.scene:focus-visible{outline:2px solid var(--scene-accent);outline-offset:2px}.scene:disabled{opacity:.45;cursor:not-allowed;background:var(--color-surface)}.scene.is-active{border-color:var(--scene-accent);box-shadow:0 10px 26px -12px color-mix(in srgb,var(--scene-accent) 90%,transparent)}.scene.is-active:before{opacity:1}.scene__icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:11px;background:color-mix(in srgb,var(--scene-accent) 14%,transparent);border:1px solid color-mix(in srgb,var(--scene-accent) 34%,transparent);color:var(--scene-accent);transition:background .22s ease,color .22s ease}.scene.is-active .scene__icon{background:var(--scene-accent);color:#fff}.scene__text{display:flex;flex-direction:column;gap:3px;min-width:0;white-space:normal}.scene__name{font-size:.95rem;font-weight:650;letter-spacing:-.01em}.scene__blurb{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.78rem;line-height:1.45;color:var(--color-text-muted)}.scene__layers{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.scene__layer{display:inline-flex;align-items:baseline;gap:5px;padding:2px 7px;border:1px solid color-mix(in srgb,var(--scene-accent) 28%,transparent);border-radius:999px;background:color-mix(in srgb,var(--scene-accent) 9%,transparent);font-size:.68rem;letter-spacing:.03em;text-transform:uppercase;color:var(--color-text-muted)}.scene__layer b{font-weight:700;color:color-mix(in srgb,var(--scene-accent) 78%,var(--color-text))}.scene__bars{display:flex;align-items:flex-end;gap:3px;height:26px;opacity:.35;transition:opacity .22s ease}.scene__bars i{display:block;width:3px;height:6px;border-radius:2px;background:var(--scene-accent);transform-origin:bottom}.scene.is-active .scene__bars{opacity:1}.scene.is-active .scene__bars i{animation:sceneBar 1.05s ease-in-out infinite}.scene.is-active .scene__bars i:nth-child(1){animation-delay:0s;height:10px}.scene.is-active .scene__bars i:nth-child(2){animation-delay:.18s;height:20px}.scene.is-active .scene__bars i:nth-child(3){animation-delay:.36s;height:14px}.scene.is-active .scene__bars i:nth-child(4){animation-delay:.52s;height:24px}@keyframes sceneBar{0%,to{transform:scaleY(.32)}50%{transform:scaleY(1)}}body.dark-theme .scene{background:#ffffff09;border-color:#ffffff1a}body.dark-theme .scene[data-scene=rainy-forest]{--scene-accent: #74b3f0}body.dark-theme .scene[data-scene=night-camp]{--scene-accent: #f0a95c}body.dark-theme .scene[data-scene=deep-current]{--scene-accent: #4fc7b8}body.dark-theme .scene[data-scene=dawn-chorus]{--scene-accent: #f08fa9}body.dark-theme .scene:hover:not(:disabled),body.dark-theme .scene.is-active{background:#ffffff0d}body.dark-theme .scene.is-active .scene__icon{color:#10161b}@media (max-width: 640px){.scene__blurb{display:none}.soundscapes__grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.scene,.scene:before,.scene__icon,.scene__bars{transition-duration:.01ms}.scene:hover:not(:disabled){transform:none}.scene.is-active .scene__bars i{animation:none}}