@keyframes dialog-backdrop-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes panel-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes panel-slide-left{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.notification-container{z-index:var(--z-modal);gap:var(--space-200);pointer-events:none;top:calc(var(--app-toolbar-block-end) + var(--space-300));right:calc(16px + var(--app-inset-right));flex-direction:column-reverse;align-items:flex-end;display:flex;position:fixed}@media (width<=600px),(height<=500.98px) and (orientation:landscape){.notification-container{top:auto;bottom:calc(var(--app-bottom-stack-edge,var(--app-inset-bottom)) + var(--space-300));right:var(--app-inset-right);flex-direction:column;align-items:flex-end}}@media (width<=600px){.notification-container{right:calc(16px + var(--app-inset-right));left:calc(16px + var(--app-inset-left));align-items:stretch}.notification-container>.notification{width:100%}}.notification-container--panel-safe{--notification-panel-safe-max-width:280px;top:calc(112px + var(--app-inset-top));right:calc(var(--space-400) + var(--app-inset-right));flex-direction:column;align-items:flex-end;bottom:auto;left:auto}.notification-container--panel-safe>.notification{min-width:min(280px, var(--notification-panel-safe-max-width));max-width:var(--notification-panel-safe-max-width)}.notification-container--panel-safe-left{right:auto;left:calc(var(--space-400) + var(--app-inset-left));align-items:flex-start}@media (width<=600px){.notification-container--panel-safe,.notification-container--panel-safe-left{--notification-panel-safe-top:var(--space-400);top:var(--notification-panel-safe-top);max-height:var(--notification-panel-safe-max-height);padding-bottom:var(--space-100);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;align-items:center;bottom:auto;left:0;right:0;overflow-y:auto}}@media (width<=600px) and (prefers-reduced-motion:no-preference){.notification-container--panel-safe,.notification-container--panel-safe-left{transition:scrollbar-color var(--scrollbar-fade-duration) var(--scrollbar-fade-easing)}}@media (width<=600px){.notification-container--panel-safe:hover,.notification-container--panel-safe:focus-within,.notification-container--panel-safe-left:hover,.notification-container--panel-safe-left:focus-within{scrollbar-color:var(--scrollbar-thumb-hover) transparent}.notification-container--panel-safe>.notification,.notification-container--panel-safe-left>.notification{min-width:unset;max-width:unset;width:calc(100vw - 32px);margin:0 var(--space-400);touch-action:pan-y}.notification-container--panel-safe>.notification--panel-safe,.notification-container--panel-safe-left>.notification--panel-safe{order:-1}}@media (height<=500.98px) and (orientation:landscape){.notification-container--panel-safe,.notification-container--panel-safe-left{--notification-panel-safe-top:var(--space-400);top:var(--notification-panel-safe-top);bottom:auto;right:auto;left:var(--space-400);max-height:var(--notification-panel-safe-max-height);padding-bottom:var(--space-100);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;align-items:flex-start;overflow-y:auto}}@media (height<=500.98px) and (orientation:landscape) and (prefers-reduced-motion:no-preference){.notification-container--panel-safe,.notification-container--panel-safe-left{transition:scrollbar-color var(--scrollbar-fade-duration) var(--scrollbar-fade-easing)}}@media (height<=500.98px) and (orientation:landscape){.notification-container--panel-safe:hover,.notification-container--panel-safe:focus-within,.notification-container--panel-safe-left:hover,.notification-container--panel-safe-left:focus-within{scrollbar-color:var(--scrollbar-thumb-hover) transparent}.notification-container--panel-safe>.notification,.notification-container--panel-safe-left>.notification{touch-action:pan-y}}.notification-container>*{pointer-events:auto}.notification-container__queue-badge{padding:var(--space-150) var(--space-300);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--control-radius);color:var(--fg-muted);font-size:var(--label-hint-size);text-align:center;font-weight:500}.notification-container:not(.notification-container--panel-safe)>.notification-container__queue-badge{order:-1}@media (width<=600px),(height<=500.98px) and (orientation:landscape){:root:has(.ai-panel-floating :is(textarea,input:is(:not([type]),[type="" i],[type=text i],[type=search i],[type=email i],[type=url i],[type=tel i],[type=password i],[type=number i])):not([readonly]):focus) .notification-container--panel-safe{visibility:hidden}}.error-boundary{padding:var(--space-800) var(--space-600);background:var(--bg-dark);border:1px solid var(--border-light);text-align:center;justify-content:center;align-items:center;gap:var(--space-400);border-radius:8px;flex-direction:column;min-height:120px;display:flex}.error-boundary__icon{color:var(--color-danger);justify-content:center;align-items:center;display:flex}.error-boundary__content{gap:var(--space-200);flex-direction:column;max-width:400px;display:flex}.error-boundary__title{font-size:var(--panel-title-size);color:var(--text-primary);margin:0;font-weight:600}.error-boundary__message{font-size:var(--dialog-prose-size);color:var(--text-secondary);word-wrap:break-word;overflow-wrap:break-word;margin:0;line-height:1.5}.error-boundary__retry{gap:var(--space-200);padding:var(--space-200) var(--space-400);background:var(--overlay-primary);border:1px solid var(--border-light);color:var(--text-primary);font-size:var(--control-font-size)}.error-boundary__retry:hover:not(:disabled){background:var(--overlay-primary-medium);border-color:var(--border-strong)}.error-boundary__retry:active:not(:disabled){transform:scale(.98)}.error-boundary--inline{padding:var(--space-400);background:var(--bg-darkest);min-height:80px}.error-boundary--inline .error-boundary__title{font-size:var(--label-size)}.error-boundary--inline .error-boundary__message{font-size:var(--label-hint-size)}.error-boundary--fullscreen{background:var(--bg-darkest);z-index:var(--z-modal);padding:var(--space-empty-state-top) var(--space-600);border:none;border-radius:0;position:fixed;inset:0}.error-boundary--fullscreen .error-boundary__title{font-size:var(--headline-size)}@media (prefers-reduced-motion:reduce){.error-boundary__retry:active:not(:disabled){transform:none}}@media (width<=480px){.error-boundary{padding:var(--space-600) var(--space-400)}.error-boundary__content{max-width:100%}.error-boundary__retry{justify-content:center;width:100%}}.migration-modal__body{padding:var(--space-300) 0 var(--space-500)}.migration-modal__description{margin:0 0 var(--space-400);padding:0 var(--dialog-gutter);font-size:var(--dialog-prose-size);color:var(--text-secondary);line-height:1.6}.migration-modal__list{gap:var(--space-200);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;flex-direction:column;max-height:240px;display:flex;overflow-y:auto}@media (prefers-reduced-motion:no-preference){.migration-modal__list{transition:scrollbar-color var(--scrollbar-fade-duration) var(--scrollbar-fade-easing)}}.migration-modal__list:hover,.migration-modal__list:focus-within{scrollbar-color:var(--scrollbar-thumb-hover) transparent}.migration-modal__list{padding:0 var(--dialog-gutter)}.migration-modal__item{--migration-item-inline:14px;--checkbox-gap:var(--space-300);padding:var(--space-300) var(--migration-item-inline);background:var(--overlay-primary);border:1px solid var(--border-light);border-radius:var(--surface-radius);transition:background .15s,border-color .15s}.migration-modal__item:hover:not(.migration-modal__item--migrated):not(.migration-modal__item--migrating){background:var(--overlay-primary-medium);border-color:var(--border-strong)}.migration-modal__item--migrated{--checkbox-cursor:default;background:rgba(var(--color-success-rgb,52, 199, 89), .1);border-color:var(--color-success)}.migration-modal__item--error{background:rgba(var(--color-danger-rgb,255, 59, 48), .1);border-color:var(--color-danger)}.migration-modal__item--migrating{--checkbox-cursor:wait}.migration-modal__item-info{gap:var(--space-050);flex-direction:column;flex:1;min-width:0;display:flex}.migration-modal__item-name{font-size:var(--name-row-size);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.migration-modal__item-meta{font-size:var(--label-hint-size);color:var(--text-tertiary)}.migration-modal__item-status{flex-shrink:0;justify-content:center;align-items:center;width:20px;display:flex}.migration-modal__status-icon--success{color:var(--color-success)}.migration-modal__status-icon--error{color:var(--color-danger)}.migration-modal__status-icon--loading{color:var(--color-primary)}@media (width<=600px){.migration-modal__list{max-height:200px}}@media (height<=500.98px) and (orientation:landscape){.migration-modal.modal__backdrop{--modal-backdrop-padding:var(--space-modal-top) var(--space-600) var(--space-600)}.migration-modal__list{max-height:150px}}.mini-player{align-items:center;gap:var(--space-150);width:100%;display:flex}.mini-player__play{width:var(--control-height-compact);height:var(--control-height-compact);background:var(--overlay-white-08);color:var(--text-primary);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s;display:flex}.mini-player__play:hover:not(:disabled){background:var(--overlay-white-14)}.mini-player__play--card{width:var(--cover-size);height:var(--cover-size);cursor:pointer;border:none;border-radius:6px;flex-shrink:0}.mini-player__title{font-size:var(--name-row-size);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.mini-player__thumb{width:var(--cover-size);height:var(--cover-size);cursor:pointer;background:var(--overlay-white-08);border:none;border-radius:6px;flex-shrink:0;padding:0;position:relative;overflow:hidden}.mini-player__thumb:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.mini-player__thumb-img{object-fit:cover;width:100%;height:100%;display:block}.mini-player__thumb-overlay{background:var(--overlay-black-45);color:var(--color-white);opacity:0;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.mini-player__thumb:hover .mini-player__thumb-overlay,.mini-player__thumb--playing .mini-player__thumb-overlay{opacity:1}.mini-player__body{justify-content:center;gap:var(--space-100);flex-direction:column;flex:1;min-width:0;display:flex}.mini-player__header,.mini-player__row{align-items:center;gap:var(--space-150);min-width:0;display:flex}.mini-player__track{background:var(--overlay-white-10);cursor:pointer;border-radius:3px;flex:1;height:6px;position:relative;overflow:hidden}.mini-player__track:hover:not(.mini-player__track--disabled){background:var(--overlay-white-16)}.mini-player__track:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.mini-player__track--disabled{cursor:not-allowed;opacity:.5}:where(:root[data-input=touch]) .mini-player__track{height:var(--target-drawn);background:0 0;overflow:visible}:where(:root[data-input=touch]) .mini-player__track:hover:not(.mini-player__track--disabled){background:0 0}:where(:root[data-input=touch]) .mini-player__track:before{content:"";background:var(--overlay-white-10);border-radius:3px;height:6px;position:absolute;inset:50% 0 auto;transform:translateY(-50%)}:where(:root[data-input=touch]) .mini-player__track:hover:not(.mini-player__track--disabled):before{background:var(--overlay-white-16)}:where(:root[data-input=touch]) .mini-player__track .mini-player__fill{height:6px;top:50%;transform:translateY(-50%)}.mini-player__fill{background:var(--color-primary);pointer-events:none;border-radius:3px;height:100%;transition:width .1s linear;position:absolute;top:0;left:0}.mini-player__time{font-size:var(--readout-size);color:var(--text-muted);flex-shrink:0;width:32px;font-family:monospace}:where(:root[data-input=touch]) .mini-player__header .ai-panel__result-title--link{line-height:var(--target-drawn);min-width:var(--target-reach)}.mini-player__header .ai-panel__result-add{position:relative}:where(:root[data-input=touch]) .mini-player__header .ai-panel__result-add:after{content:"";inset:min(0px, (100% - var(--target-drawn)) / 2) min(0px, (100% - var(--target-reach)) / 2);position:absolute}.stem-provider{gap:var(--space-300);flex-direction:column;display:flex}.stem-provider__model-detail{font-size:var(--label-hint-size);color:var(--text-muted);margin:0;line-height:1.4}.stem-provider__content{gap:var(--space-100);flex-direction:column;display:flex}.stem-provider__desc{font-size:var(--label-hint-size);color:var(--text-secondary);margin:0;line-height:1.4}.stem-provider__accel{align-items:center;gap:var(--space-100);font-size:var(--label-hint-size);color:var(--text-muted);margin:0;display:flex}.stem-provider__accel svg{flex-shrink:0}.stem-provider__accel--gpu{color:var(--color-success)}.stem-provider__gate-notice{--stem-inline:14px;padding:var(--space-250) var(--stem-inline);background:var(--overlay-primary);border:1px solid var(--color-warning);font-size:var(--label-size);color:var(--text-secondary);border-radius:8px;margin:0;line-height:1.4}.stem-provider__extract{gap:var(--space-200);flex-direction:column;display:flex}.stem-provider__extract-row{align-items:flex-start;gap:var(--space-250);display:flex}.stem-provider__extract-row .combobox{flex:1;min-width:0}.stem-provider__extract-action{flex:none}.stem-provider__sr-only{white-space:nowrap;clip:rect(0, 0, 0, 0);clip-path:inset(50%);border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.stem-provider__actions{justify-content:flex-end;display:flex}@media (width<=600px){.stem-provider__extract-row{flex-direction:column}.stem-provider__extract-action{flex-basis:auto}}.stem-results{gap:var(--space-400);flex-direction:column;display:flex}.stem-results__strip{gap:var(--space-250);flex-direction:column;display:flex}.stem-results__strip-progress{flex:1}.stem-results__strip-cancel{align-self:flex-start}.stem-results__empty{margin:var(--space-500) 0;font-size:var(--label-hint-size);color:var(--text-tertiary);text-align:center;line-height:1.5}.stem-results__group{gap:var(--space-250);flex-direction:column;display:flex}.stem-results__complements-toggle{color:var(--text-muted)}.stem-results__transport{align-items:center;gap:var(--space-400);display:flex}.stem-results__audition-toggle{align-items:center;gap:var(--space-150);width:96px;padding-inline:var(--space-300);border-color:var(--border-chrome);flex-shrink:0;display:inline-flex}.stem-results__actions{align-items:center;gap:var(--space-250);margin-left:auto;display:flex}.stem-results__actions>.btn{padding-inline:var(--space-300);flex-shrink:0}.stem-version-row{align-items:center;gap:var(--space-200) var(--space-250);--stem-inline:12px;padding:var(--space-250) var(--stem-inline);background:var(--overlay-primary);border:1px solid var(--border-light);border-radius:8px;grid-template-columns:1fr auto auto auto auto;grid-template-areas:"select version add midi trash""preview preview preview preview preview";display:grid}.stem-version-row--excluded{opacity:.72}.stem-version-row__select{grid-area:select}.stem-version-row__icon{color:var(--color-primary);flex-shrink:0}.stem-version-row__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--name-row-size);color:var(--text-primary);overflow:hidden}.stem-version-row__version{align-items:center;gap:var(--space-200);grid-area:version;display:flex}.stem-version-row__pager{background:var(--bg-darkest)}.stem-version-row__pager .choice-button-group__btn{padding-inline:var(--space-200);color:var(--text-secondary);background:0 0;padding-block:0}.stem-version-row__pager .choice-button-group__btn:hover:not(:disabled){color:var(--text-primary);background:0 0}.stem-version-row__pager .choice-button-group__btn--active{color:var(--color-primary);background:var(--overlay-primary)}.stem-version-row__sm{align-items:center;gap:var(--space-100);display:flex}.stem-version-row__sm-btn{width:var(--control-height-glyph);height:var(--control-height-glyph);font-size:var(--control-font-size);color:var(--text-muted);background:var(--overlay-primary-medium);border:1px solid var(--border-light);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;padding:0;font-weight:600;display:inline-flex}.stem-version-row__sm-btn--active,.stem-version-row__sm-btn--active:hover:not(:disabled){color:var(--text-on-primary);background:var(--color-primary);border-color:var(--color-primary)}.stem-version-row__badge{padding:var(--space-050) var(--space-200);background:var(--overlay-primary-medium);border:1px solid var(--border-light);font-size:var(--label-micro-size);text-transform:uppercase;letter-spacing:var(--label-section-tracking);color:var(--text-muted);border-radius:10px;flex-shrink:0}.stem-version-row__badge--added{color:var(--color-primary);border-color:var(--color-primary)}.stem-version-row__add--queued{opacity:.55}.stem-version-row__waveform{--stem-waveform-color:var(--track-color-0);contain:size;width:100%;color:var(--stem-waveform-color,var(--track-color-0));background:var(--overlay-primary-medium);border-radius:4px;grid-area:wave;display:block}.stem-version-row__waveform--muted{color:var(--text-muted);opacity:.55}.stem-version-row__preview{grid-area:preview;grid-template-columns:var(--target-reach) minmax(0, 1fr);gap:var(--space-150);width:100%;display:grid}.stem-version-row__play{width:var(--target-drawn);height:var(--target-drawn);color:var(--text-primary);background:var(--overlay-white-08);border-radius:6px}.stem-version-row__waveform-surface{cursor:pointer;border-radius:4px;min-width:0;position:relative;overflow:hidden}.stem-version-row__waveform-surface:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.stem-version-row__waveform-surface .stem-version-row__waveform{pointer-events:none;grid-area:auto;height:100%}.stem-version-row__playhead{inset-block:0;background:var(--text-primary);width:1px;box-shadow:0 0 4px var(--overlay-black-45);pointer-events:none;will-change:transform;opacity:0;transition:opacity .15s;position:absolute;left:0}.stem-version-row__playhead--visible{opacity:1}.stem-version-row__playhead--paused{background:var(--text-muted);box-shadow:none}.stem-version-row__midi{color:var(--color-primary);grid-area:midi}.stem-version-row__add{grid-area:add}.stem-version-row__import-error{font-size:var(--label-hint-size);color:var(--color-danger);grid-area:error;margin:0;line-height:1.4}.stem-version-row__trash{grid-area:trash}.stem-version-row--local{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"select sm add""preview preview preview"}.stem-version-row--local .stem-version-row__sm{grid-area:sm}.stem-version-row--local .stem-version-row__preview>.stem-version-row__waveform{grid-area:auto/2;align-self:stretch;min-width:0}.stem-version-row--local.stem-version-row--import-error{grid-template-areas:"select sm add""preview preview preview""error error error"}@media (width<=600px){.stem-results__transport{flex-wrap:wrap}.stem-results__actions{margin-left:auto}}.floating-panel.stem-modal .floating-panel__content{flex-direction:column;display:flex;overflow:clip}.floating-panel.stem-modal .stem-modal__content{flex-direction:column;flex:1;min-height:0;display:flex}.stem-modal__header-controls{align-items:center;gap:var(--space-250);margin-left:var(--space-300);flex:1;display:flex}.stem-modal__provider-select{flex-shrink:0;margin-left:auto}.stem-modal__body{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;flex:1;min-height:0;overflow-y:auto}@media (prefers-reduced-motion:no-preference){.stem-modal__body{transition:scrollbar-color var(--scrollbar-fade-duration) var(--scrollbar-fade-easing)}}.stem-modal__body:hover,.stem-modal__body:focus-within{scrollbar-color:var(--scrollbar-thumb-hover) transparent}.stem-modal__body{padding:var(--panel-padding);gap:var(--space-500);flex-direction:column;display:flex}.stem-modal :is(.stem-provider__extract-btn,.stem-provider__actions .btn){width:auto;min-height:var(--target-drawn);font-size:var(--control-font-size);flex:none;padding-block:0}.stem-modal__gpu-status{align-items:center;gap:var(--space-250);--stem-inline:14px;padding:var(--space-250) var(--stem-inline);background:var(--overlay-primary);border:1px solid var(--border-light);font-size:var(--label-size);color:var(--text-tertiary);border-radius:8px;display:flex}.stem-modal__gpu-status svg{color:var(--text-muted);flex-shrink:0}.stem-modal__gpu-status--gpu{background:rgba(var(--color-success-rgb), .1);border-color:rgba(var(--color-success-rgb), .3);color:var(--color-success)}.stem-modal__gpu-status--gpu svg{color:var(--color-success)}.stem-modal__model-select{gap:var(--space-250);flex-direction:column;display:flex}.stem-modal__label{font-size:var(--label-size);font-weight:var(--label-weight);color:var(--label-color);margin-bottom:var(--space-100)}.stem-modal__progress{margin-top:var(--space-100)}.stem-modal__bar{margin-bottom:var(--space-250)}.stem-modal__progress-text{font-size:var(--label-size);color:var(--text-secondary);justify-content:space-between;display:flex}.stem-modal__cloud-progress{margin-top:var(--space-100)}.stem-modal__reason{font-size:var(--label-hint-size);color:var(--color-warning,var(--text-secondary));margin:0;line-height:1.4}.stem-modal__progress-time{font-size:var(--label-hint-size);color:var(--text-tertiary);margin-top:var(--space-200);justify-content:space-between;display:flex}.stem-modal__elapsed{font-variant-numeric:tabular-nums}.stem-modal__eta{color:var(--text-muted)}.stem-modal__status{align-items:center;gap:var(--space-300);--stem-inline:14px;padding:var(--stem-inline) var(--space-400);margin-top:var(--space-400);font-size:var(--label-size);border-radius:8px;display:flex}.stem-modal__status svg{flex-shrink:0}.stem-modal__status--success{background:rgba(var(--color-success-rgb), .12);border:1px solid rgba(var(--color-success-rgb), .3);color:var(--color-success)}.stem-modal__status--error{background:rgba(var(--color-danger-rgb), .12);border:1px solid rgba(var(--color-danger-rgb), .3);color:var(--color-danger)}.stem-modal__status--cancelled{background:var(--overlay-primary);border:1px solid var(--border-light);color:var(--text-secondary)}.stem-modal__btn--danger{gap:var(--space-200)}.consent-banner__btn{white-space:nowrap}.consent-modal-backdrop{z-index:var(--z-dropdown);background:var(--overlay-black-60);z-index:var(--z-banner-modal);justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out consent-fade-in;display:flex;position:fixed;inset:0}.consent-modal{background:var(--bg-dark);border:1px solid var(--border-light);border-radius:16px;flex-direction:column;width:100%;max-width:600px;max-height:80vh;animation:.3s ease-out consent-slide-up;display:flex}.consent-modal__header{border-bottom:1px solid rgba(var(--color-primary-rgb), .1);justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.consent-modal__title{font-size:var(--dialog-title-size);color:var(--text-primary);margin:0;font-weight:600}.consent-modal__body{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;flex:1;overflow-y:auto}@media (prefers-reduced-motion:no-preference){.consent-modal__body{transition:scrollbar-color var(--scrollbar-fade-duration) var(--scrollbar-fade-easing)}}.consent-modal__body:hover,.consent-modal__body:focus-within{scrollbar-color:var(--scrollbar-thumb-hover) transparent}.consent-modal__body{padding:1.25rem}.consent-modal__description{color:var(--text-secondary);font-size:var(--dialog-prose-size);margin-bottom:1.25rem;line-height:1.5}.consent-modal__footer{border-top:1px solid rgba(var(--color-primary-rgb), .1);justify-content:space-between;align-items:center;gap:.5rem;padding:1rem 1.25rem;display:flex}.consent-modal__footer-group{gap:.5rem;display:flex}.consent-category{border-bottom:1px solid rgba(var(--color-primary-rgb), .1);margin-bottom:1.25rem;padding-bottom:1.25rem}.consent-category:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.consent-category__header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.consent-category__info{flex:1}.consent-category__title{font-size:var(--label-size);color:var(--text-primary);margin:0;font-weight:600}.consent-category__badge{font-size:var(--label-micro-size);text-transform:uppercase;color:var(--color-success);background:rgba(var(--color-success-rgb), .1);border-radius:4px;margin-left:.5rem;padding:.15rem .4rem;font-weight:600;display:inline-block}.consent-category__description{color:var(--text-muted);font-size:var(--label-hint-size);margin-top:.5rem;line-height:1.4}@keyframes consent-fade-in{0%{opacity:0}to{opacity:1}}@keyframes consent-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.consent-modal{border-radius:0;height:100vh;max-height:100vh}.consent-modal__footer{flex-direction:column}.consent-modal__footer .consent-banner__btn{text-align:center;width:100%}.consent-modal__footer-group{flex-direction:column;width:100%}}@media (prefers-reduced-motion:reduce){.consent-modal-backdrop,.consent-modal{transition:none;animation:none}}.home-screen-guide__intro{font-size:var(--dialog-prose-size);line-height:var(--dialog-prose-leading);max-width:var(--dialog-prose-measure);color:var(--text-secondary);margin:0}.home-screen-guide__steps{max-width:var(--dialog-prose-measure);margin:var(--dialog-section-gap) 0 0;padding-left:var(--space-500);color:var(--text-primary);font-size:var(--dialog-prose-size);line-height:var(--dialog-prose-leading)}.home-screen-guide__steps li+li{margin-top:var(--space-150)}.home-screen-guide__note{font-size:var(--label-hint-size);color:var(--label-hint-color);margin:var(--dialog-section-gap) 0 0}.app-banners--page{inset-inline:0;z-index:var(--z-banner);position:fixed;bottom:0}.app-banners--page>.notice{padding-inline:calc(var(--notice-pad-inline,var(--space-400)) + var(--app-inset-left)) calc(var(--notice-pad-inline,var(--space-400)) + var(--app-inset-right));padding-bottom:calc(var(--notice-pad-block,calc(var(--space-300) + var(--space-050))) + var(--app-inset-bottom))}.share-dialog__content{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;flex:1;min-height:0;overflow-y:auto}@media (prefers-reduced-motion:no-preference){.share-dialog__content{transition:scrollbar-color var(--scrollbar-fade-duration) var(--scrollbar-fade-easing)}}.share-dialog__content:hover,.share-dialog__content:focus-within{scrollbar-color:var(--scrollbar-thumb-hover) transparent}.share-dialog__project-name{font-size:var(--name-row-size);color:var(--text-primary);margin:0 0 var(--space-400);padding:var(--space-300);background:var(--overlay-primary);border-radius:var(--surface-radius);text-align:center;white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.share-dialog__loading{align-items:center;gap:var(--space-300);padding:var(--space-800) 0;color:var(--text-secondary);font-size:var(--label-hint-size);flex-direction:column;display:flex}.share-dialog__busy-indicator{color:var(--color-primary)}.share-dialog__error{text-align:center;padding:var(--space-500) 0}.share-dialog__error p{color:var(--color-danger);font-size:var(--dialog-prose-size);margin:0 0 var(--space-300)}.share-dialog__retry-btn{border:1px solid var(--border-light)}.share-dialog__link-section{margin-bottom:var(--space-500)}.share-dialog__label{font-size:var(--label-section-size);font-weight:var(--label-section-weight);color:var(--label-section-color);text-transform:uppercase;letter-spacing:var(--label-section-tracking);margin-bottom:var(--space-200);display:block}.share-dialog__info{background:var(--overlay-primary);padding:var(--space-400);margin-bottom:var(--space-500);border-radius:8px}.share-dialog__info p{font-size:var(--label-size);color:var(--text-secondary);margin:0 0 var(--space-200)}.share-dialog__info ul{margin:0;padding:0;list-style:none}.share-dialog__info li{font-size:var(--label-size);color:var(--text-tertiary);padding-left:var(--space-400);margin-bottom:var(--space-100);position:relative}.share-dialog__info li:before{content:"";background:var(--color-primary);border-radius:50%;width:4px;height:4px;position:absolute;top:8px;left:0}.share-dialog__info li:last-child{margin-bottom:0}.share-dialog__status{font-size:var(--label-size);color:var(--text-secondary);margin:var(--space-200) 0 var(--space-400)}.share-dialog__hint{font-size:var(--label-hint-size);color:var(--text-tertiary);margin:var(--space-300) 0 0}.project-list{--project-list-gutter:var(--dialog-gutter);flex-direction:column;min-width:0;display:flex}.project-list__rows{margin:0;padding:0;list-style:none}.project-list__skeletons{flex-direction:column;display:flex}.project-list__skeleton{align-items:center;gap:var(--space-300);min-height:52px;padding:var(--space-200) var(--project-list-gutter);border-bottom:1px solid var(--border-faint);grid-template-columns:18px minmax(0,1fr);display:grid}.project-list__skeleton-glyph{background:var(--overlay-white-05);border-radius:3px;height:16px;display:block}.project-list__skeleton-lines{gap:var(--space-150);flex-direction:column;display:flex}.project-list__skeleton-lines i{background:var(--overlay-white-05);border-radius:3px;display:block}.project-list__skeleton-lines i:first-child{width:44%;height:9px}.project-list__skeleton-lines i:last-child{background:var(--border-faint);width:62%;height:8px}.project-list__empty{align-items:center;gap:var(--space-300);padding:var(--space-800) var(--dialog-gutter);text-align:center;flex-direction:column;display:flex}.project-list__empty-title{max-width:46ch;color:var(--fg-default);font-size:var(--panel-title-size);font-weight:500;line-height:var(--dialog-prose-leading);margin:0}.project-list__empty-hint{max-width:48ch;color:var(--text-muted);font-size:var(--label-hint-size);margin:0;line-height:1.45}.project-list__note{align-items:center;gap:var(--space-200);padding:var(--space-200) var(--project-list-gutter);color:var(--text-muted);font-size:var(--label-hint-size);margin:0;line-height:1.45;display:flex}.project-list__note svg{flex:none}.project-row .project-row__action{color:var(--text-muted);transition:all .2s}:where(:root[data-input=mouse]) .project-row:hover .project-row__action:not(:disabled):not([aria-disabled=true]){box-shadow:inset 0 0 0 1px var(--border-chrome);border-color:var(--border-chrome);color:var(--text-secondary)}:where(:root[data-input=mouse]) .project-row:hover .project-row__action:not(:disabled):not([aria-disabled=true]):hover{border-color:var(--dialog-border-strong);background:var(--overlay-white-05);color:var(--text-primary)}.project-row:focus-within .project-row__action:not(:disabled):not([aria-disabled=true]){box-shadow:inset 0 0 0 1px var(--border-chrome);border-color:var(--border-chrome);color:var(--text-secondary)}.project-row:focus-within .project-row__action:not(:disabled):not([aria-disabled=true]):focus-visible{border-color:var(--dialog-border-strong);background:var(--overlay-white-05);color:var(--text-primary)}.project-row{align-items:center;gap:var(--space-300);min-height:52px;padding:var(--space-200) var(--project-list-gutter);border-bottom:1px solid var(--border-faint);grid-template-columns:minmax(0,1fr) auto auto;transition:background .13s;display:grid;position:relative}.project-row:last-child{border-bottom:none}:where(:root[data-input=mouse]) .project-row:hover{background:var(--overlay-white-05)}.project-row[data-active=true]:focus-within{background:var(--overlay-white-08)}.project-row[data-active=true]:focus-within :focus-visible{outline:none}.project-row[data-active=true]:focus-within [aria-disabled=true]:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.project-row[data-active=true]:focus-within:before{content:"";background:var(--color-primary);border-radius:0 2px 2px 0;width:2px;position:absolute;top:6px;bottom:6px;left:0}@media (forced-colors:active){.project-row[data-active=true]:focus-within,.project-row[data-active=true]:focus-within :focus-visible{outline-offset:-2px;outline:2px solid highlight}}.project-row__open{align-items:center;gap:var(--space-300);min-width:0;min-height:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;grid-template-columns:18px minmax(0,1fr);padding:0;text-decoration:none;display:grid}.project-row__open:hover:not(:disabled){color:inherit;background:0 0}.project-row__open:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.project-row__where{color:var(--text-muted);flex-direction:column;align-items:center;display:flex}.project-row__where svg{flex:none;display:block}.project-row__body{gap:var(--space-050);flex-direction:column;min-width:0;display:flex}.project-row__name{color:var(--text-primary);font-size:var(--name-row-size);text-overflow:ellipsis;white-space:nowrap;font-weight:500;line-height:1.35;overflow:hidden}.project-row__meta{color:var(--text-secondary);font-size:var(--label-hint-size);text-overflow:ellipsis;white-space:nowrap;line-height:1.4;overflow:hidden}.project-row__state{align-items:center;gap:var(--space-200);flex:none;display:flex}.project-row__tag{padding:var(--space-hairline) var(--space-150);border:1px solid var(--overlay-white-20);color:var(--text-muted);font-size:var(--label-micro-size);font-weight:var(--label-micro-weight);letter-spacing:var(--label-micro-tracking);text-transform:uppercase;white-space:nowrap;border-radius:3px;flex:none}.project-row__tag--warning{align-items:center;gap:var(--space-050);color:var(--color-warning);display:inline-flex}.project-row__views{color:var(--text-secondary);font-size:var(--label-hint-size);white-space:nowrap}.project-row__actions{align-items:center;gap:var(--space-hairline);flex:none;display:flex}.project-row__action{width:var(--control-height-compact);height:var(--control-height-compact);padding:0}.project-row__action svg{display:block}.project-row__action--inert{opacity:.5;cursor:not-allowed}.project-row__action--danger:hover:not(:disabled):not([aria-disabled=true]){border-color:var(--action-danger-fill);background:var(--action-danger-wash);color:var(--action-danger-ink-soft)}@media (width<=600px){.project-row{row-gap:var(--space-150);padding:var(--space-250) var(--project-list-gutter);grid-template-columns:18px minmax(0,1fr) auto}.project-row__open{grid-column:1/-1}.project-row__state{flex-wrap:wrap;grid-area:2/2;justify-content:flex-start}.project-row__actions{grid-area:2/3}}.project-browser{flex-direction:column;min-height:0;display:flex}.project-browser__tools{align-items:center;gap:var(--space-200);margin-bottom:var(--space-200);grid-template-columns:minmax(0,1fr) auto;display:grid}.project-browser__tools:has(.project-browser__count){grid-template-columns:minmax(0,1fr) auto auto}.project-browser__filters.choice-button-group--pill{padding:var(--space-hairline)}.project-browser__filters.choice-button-group--pill .choice-button-group__btn{padding:0 var(--space-300)}.project-browser__count{color:var(--text-disabled);font-family:var(--font-mono);font-size:var(--label-hint-size);white-space:nowrap}.project-browser__list{min-height:0}@media (width<=767.98px){.project-browser__tools:has(.project-browser__count){grid-template-columns:1fr}.project-browser__count{order:-1;justify-self:end}}@media (width<=600px){.project-browser__tools{grid-template-columns:1fr}}.pending-deletions{border-bottom:1px solid var(--border-subtle);margin:0;padding:0;list-style:none}.pending-deletions__row{align-items:center;gap:var(--space-300);min-height:52px;padding:var(--space-200) var(--dialog-gutter);border-bottom:1px solid var(--border-faint);grid-template-columns:18px minmax(0,1fr) auto auto;display:grid}.pending-deletions__row:last-child{border-bottom:none}.pending-deletions__glyph{color:var(--color-warning)}.pending-deletions__text{gap:var(--space-050);flex-direction:column;min-width:0;display:flex}.pending-deletions__name{color:var(--text-secondary);font-size:var(--name-row-size);text-overflow:ellipsis;white-space:nowrap;font-weight:500;line-height:1.35;overflow:hidden}.pending-deletions__meta{color:var(--text-muted);font-size:var(--label-hint-size);text-overflow:ellipsis;white-space:nowrap;line-height:1.4;overflow:hidden}.pending-deletions__error{color:var(--color-danger);font-size:var(--label-hint-size);line-height:1.4}.pending-deletions__tag{padding:var(--space-hairline) var(--space-150);border:1px solid var(--overlay-white-20);color:var(--color-warning);font-size:var(--label-micro-size);font-weight:var(--label-micro-weight);letter-spacing:var(--label-micro-tracking);text-transform:uppercase;white-space:nowrap;border-radius:3px;flex:none}.pending-deletions__retry:focus-visible{outline:2px solid var(--border-emphasis);outline-offset:2px}.start-page{z-index:var(--z-page);color:var(--text-primary);background:var(--toolbar-fill);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;position:fixed;inset:0;overflow:hidden}@media (prefers-reduced-motion:no-preference){.start-page{transition:scrollbar-color var(--scrollbar-fade-duration) var(--scrollbar-fade-easing)}}.start-page:hover,.start-page:focus-within{scrollbar-color:var(--scrollbar-thumb-hover) transparent}.start-page__auth{z-index:1;top:calc(16px + var(--app-inset-top));right:calc(16px + var(--app-inset-right));position:absolute}.start-page__auth-button{gap:var(--space-200);padding:var(--space-150) var(--space-250);border:1px solid var(--border-chrome);color:var(--text-secondary);font-size:var(--control-font-size);border-radius:6px}.start-page__auth-button:hover:not(:disabled):not([aria-disabled=true]){border-color:var(--border-chrome);background:var(--bg-overlay-faint)}.start-page__auth-button:active:not(:disabled):not([aria-disabled=true]){border-color:var(--border-strong);background:var(--bg-overlay-subtle)}.start-page__auth-button.start-page__auth-button--pending[aria-disabled=true]{opacity:1;cursor:progress}.start-page__auth-button svg{color:var(--text-disabled)}.start-page__content{height:100%;width:min(100% - 64px - var(--app-inset-left) - var(--app-inset-right), 600px);padding:calc(6vh + var(--app-inset-top)) 0 calc(var(--space-800) + var(--app-inset-bottom));flex-direction:column;margin:auto;display:flex;position:relative}.start-page__header{margin:0 0 var(--space-600);flex:none;justify-content:center;display:flex}.start-page__logo{width:clamp(160px,50vw,240px);height:auto;display:block}.start-page__creation{padding:var(--space-250);border:1px solid var(--border-chrome);background:var(--bg-overlay-faint);border-radius:8px;flex:none}.start-page__creation-label{margin:0 0 var(--space-200) var(--space-050);color:var(--text-disabled);font-size:var(--label-section-size);letter-spacing:var(--label-micro-tracking);text-transform:uppercase;font-weight:400}.start-page__starters{gap:var(--space-150);grid-template-columns:repeat(3,1fr);display:grid}.start-page__starter{min-width:0;padding:var(--space-150) var(--space-250);border:1px solid var(--border-chrome);color:var(--text-secondary);font-size:var(--control-font-size);border-radius:5px}.start-page__starter:hover:not(:disabled){border-color:var(--border-chrome);background:var(--bg-overlay-faint)}.start-page__starter--primary{background:var(--cta-fill);color:var(--cta-ink);border-color:#0000;font-weight:600}.start-page__starter--primary:hover:not(:disabled){background:var(--cta-fill-hover);color:var(--cta-ink);border-color:#0000}.start-page__projects-heading{margin:var(--space-500) var(--space-100) var(--space-150);color:var(--text-disabled);font-size:var(--label-section-size);flex:none;align-items:center;display:flex}.start-page__projects-heading h2{font-size:var(--label-section-size);letter-spacing:var(--label-section-tracking);text-transform:uppercase;margin:0;font-weight:500}.start-page__browser{border:1px solid var(--border-chrome);background:var(--bg-dark);min-height:180px;box-shadow:var(--shadow-md);border-radius:8px;flex:1;display:flex;overflow:hidden}.start-page__browser>.project-browser{flex:1}.start-page__browser .project-browser__tools{padding:var(--space-250) var(--space-300);border-bottom:1px solid var(--border-chrome);box-shadow:inset 0 1px 0 var(--panel-edge);margin:0}.start-page__browser .project-browser__list{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;flex:1;min-height:0;overflow-y:auto}@media (prefers-reduced-motion:no-preference){.start-page__browser .project-browser__list{transition:scrollbar-color var(--scrollbar-fade-duration) var(--scrollbar-fade-easing)}}.start-page__browser .project-browser__list:hover,.start-page__browser .project-browser__list:focus-within{scrollbar-color:var(--scrollbar-thumb-hover) transparent}.start-page__browser .project-browser__list .project-list{--project-list-gutter:var(--space-300)}@media (width>=768px) and (height<=820px){.start-page__content{padding-top:var(--space-800)}.start-page__header{margin-bottom:var(--space-500)}.start-page__logo{width:clamp(160px,40vw,184px)}}@media (width<=767.98px),(height<=500.98px) and (orientation:landscape){.start-page{overflow-y:auto}.start-page__content{height:auto;padding:calc(var(--space-800) + var(--space-800) + var(--space-800)) 0 var(--space-empty-state-top);display:block}.start-page__browser{min-height:0;box-shadow:none;background:0 0;border:none;border-radius:0;display:block;overflow:visible}.start-page__browser .project-browser__tools{margin:0 0 var(--space-200);box-shadow:none;border-bottom:none;padding:0}.start-page__browser .project-browser__list{min-height:0;margin-inline:calc(-1 * var(--space-300));overflow:visible}.start-page__browser .project-row:last-child{border-bottom:1px solid var(--border-faint)}}@media (width<=600px){.start-page__auth{top:12px;right:12px}.start-page__auth-button--user span{display:none}.start-page__content{width:calc(100% - 32px)}.start-page__logo{width:184px}.start-page__starters{grid-template-columns:1fr}}.status-bar-plate{z-index:var(--z-status-bar-plate);height:var(--app-safe-area-top);background:var(--toolbar-fill);pointer-events:none;position:fixed;top:0;left:0;right:0}:root:has(.start-page) .status-bar-plate{min-height:12px}.not-found-page{background:var(--bg-gradient-main);z-index:var(--z-page);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.not-found-page__content{text-align:center;max-width:400px;padding:var(--space-800)}.not-found-page__icon{color:var(--color-warning);margin-bottom:var(--space-500)}.not-found-page__title{margin:0 0 var(--space-300);font-size:var(--headline-size);color:var(--text-primary);font-weight:600}.not-found-page__message{margin:0 0 var(--space-600);font-size:var(--dialog-prose-size);color:var(--text-secondary);line-height:1.6}.not-found-page__btn{padding:var(--space-300) var(--space-600);background:var(--cta-fill);color:var(--cta-ink);font-size:var(--control-font-size);gap:var(--space-200);border:none;display:inline-flex}.not-found-page__btn:hover:not(:disabled){background:var(--cta-fill-hover);color:var(--cta-ink)}.not-found-page__btn:active:not(:disabled){background:var(--cta-fill-active);color:var(--cta-ink)}.auth-callback{background:var(--toolbar-fill);height:100vh;color:var(--text-primary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.auth-callback__text{font-size:var(--dialog-prose-size);color:var(--text-secondary)}.protected-route__loading{background:var(--bg-darkest);justify-content:center;align-items:center;height:100vh;display:flex}.protected-route__busy-indicator{color:var(--text-secondary)}.protected-route__loading-text{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.sign-in-page{background:var(--toolbar-fill);justify-content:center;align-items:center;min-height:100vh;display:flex}.sign-in-page__content{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;padding:3rem;display:flex}.sign-in-page__logo{width:min(215px,62vw);height:auto;display:block}.sign-in-page__message{font-size:var(--dialog-prose-size);color:var(--text-secondary);max-width:280px;margin:0}.sign-in-page__btn{min-width:216px;font-size:var(--control-font-size);color:var(--cta-ink);background:var(--cta-fill);border:none;gap:.5rem;padding:.875rem 1.5rem}.sign-in-page__btn:hover:not(:disabled):not([aria-disabled=true]){background:var(--cta-fill-hover);color:var(--cta-ink)}.sign-in-page__btn:active:not(:disabled):not([aria-disabled=true]){background:var(--cta-fill-active);color:var(--cta-ink)}.sign-in-page__btn.sign-in-page__btn--pending[aria-disabled=true]{background:var(--cta-fill);color:var(--cta-ink);opacity:1;cursor:progress}.sign-in-page__disclaimer{font-size:var(--label-hint-size);color:var(--text-muted);margin:0}.sign-in-page__back{font-size:var(--control-font-size);color:var(--text-muted);text-decoration:none;transition:color .2s}:where(:root[data-input=touch]) .sign-in-page__back{min-height:var(--target-drawn);align-items:center;display:inline-flex}.sign-in-page__back:hover{color:var(--text-secondary)}.sign-in-page__legal{font-size:var(--label-hint-size);color:var(--text-muted);text-align:center;max-width:280px;line-height:1.5}.sign-in-page__legal a{color:var(--text-secondary);text-decoration:underline;transition:color .2s}:where(:root[data-input=touch]) .sign-in-page__legal a{padding-block:calc((var(--target-drawn) - 1em) / 2)}.sign-in-page__legal a:hover{color:var(--text-primary)}.pending-page{background:var(--bg-gradient-main);z-index:var(--z-page);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pending-page__content{width:100%;max-width:400px;padding:var(--space-800);text-align:center}.pending-page__header{margin-bottom:var(--space-800)}.pending-page__logo{width:min(215px,62vw);height:auto;margin:0 auto;display:block}.pending-page__message{background:var(--bg-track);border:1px solid var(--dialog-border);border-radius:var(--surface-radius);box-shadow:inset 0 1px 0 var(--panel-edge), var(--shadow-xl);padding:var(--space-600);margin-bottom:var(--space-600)}.pending-page__message-title{margin:0 0 var(--space-300);font-size:var(--headline-size);color:var(--text-primary);font-weight:600}.pending-page__message-text{font-size:var(--dialog-prose-size);color:var(--text-secondary);margin:0;line-height:1.5}.pending-page__user{justify-content:center;align-items:center;gap:var(--space-300);padding:var(--space-300) var(--space-400);background:var(--overlay-primary);border:1px solid var(--border-light);border-radius:8px;display:flex}.pending-page__user-avatar{width:var(--avatar-size);height:var(--avatar-size);object-fit:cover;border-radius:50%}.pending-page__user-name{font-size:var(--label-size);color:var(--text-primary);text-align:left;flex:1}.pending-page__signout-btn{padding:var(--space-200) var(--space-300);border:1px solid var(--border-light);color:var(--text-secondary);font-size:var(--control-font-size);gap:var(--space-150);cursor:pointer;background:0 0}.pending-page__signout-btn:hover:not(:disabled){background:var(--overlay-primary);color:var(--text-primary);border-color:var(--border-primary)}:root{--theme-background:#0d1321;--theme-surface:#131a2b;--theme-raised:#303c5a;--theme-lane:#161d31;--theme-text:#fff;--theme-accent:#5580ff;--theme-danger:#ff3b30;--theme-warning:#ff9500;--theme-success:#34c759;--theme-info:#5580ff;--theme-playhead:var(--theme-accent);--theme-contrast:1;--track-icon:#7687a2;--track-icon-selected:#96a3b7;--bg-app:var(--theme-background);--bg-surface:var(--theme-surface);--bg-raised:var(--theme-raised);--bg-input:#080b14;--bg-hover:#ffffff12;--bg-hover-faint:#ffffff0a;--bg-scrim:#00000073;--fg-default:#ffffffde;--fg-muted:#fff9;--fg-faint:#fff6;--fg-soft:#ffffffb3;--fg-on-accent:#fff;--border-default:#ffffff1a;--border-muted:#ffffff0f;--border-accent:#5580ff66;--accent-fill:var(--theme-accent);--accent-fill-hover:#4470f2;--accent-fill-active:#3560d8;--accent-muted:#5580ff1f;--cta-fill:#fb8713;--cta-fill-hover:#ff9a33;--cta-fill-active:#e0740a;--cta-ink:var(--theme-background);--danger-fill:var(--theme-danger);--warning-fill:var(--theme-warning);--solo-fill:#fc0;--success-fill:var(--theme-success);--info-fill:var(--theme-info);--record-fill:var(--theme-danger);--record-armed:#ff3b3099;--toolbar-fill:var(--theme-surface);--effects-floor:var(--theme-surface);--effects-header:#1a2133;--effects-card:#222a3c;--timeline-lane:var(--theme-lane);--timeline-ruler:var(--theme-surface);--timeline-ruler-band:#172035;--meter-low:#22c55e;--meter-mid:#eab308;--meter-high:#f97316;--meter-clip:#ef4444;--meter-bg:#0000004d;--scrollbar-thumb:#ffffff26;--scrollbar-thumb-hover:#ffffff4d;--track-color-0:#ffb433;--track-color-1:#59bbe8;--track-color-2:#00e6ac;--track-color-3:#f1e541;--track-color-4:#1a9fff;--track-color-5:#ff7729;--track-color-6:#cf77ab;--track-color-7:#a6a6a6;--color-primary:var(--accent-fill);--color-primary-hover:var(--accent-fill-hover);--color-primary-active:var(--accent-fill-active);--color-primary-rgb:85, 128, 255;--bg-darkest:var(--bg-app);--bg-dark:var(--bg-surface);--bg-medium:var(--bg-raised);--bg-track:var(--timeline-lane);--bg-track-rgb:22, 29, 49;--text-primary:var(--fg-default);--text-secondary:#ffffffb3;--text-tertiary:var(--fg-muted);--text-muted:#ffffff8c;--text-disabled:#fff6;--text-on-primary:var(--fg-on-accent);--border-primary:#5580ff4d;--border-light:#5580ff33;--border-strong:var(--border-accent);--border-emphasis:#5580ff80;--border-faint:#ffffff0a;--border-subtle:#ffffff12;--border-chrome:var(--border-default);--bg-overlay-faint:var(--bg-hover-faint);--bg-overlay-subtle:var(--bg-hover);--color-danger:var(--danger-fill);--color-danger-hover:#ff453a;--color-danger-light-20:#ff3b3033;--color-danger-rgb:255, 59, 48;--color-success:var(--success-fill);--color-success-hover:#30d158;--color-success-active:#28a745;--color-success-rgb:52, 199, 89;--color-warning:var(--warning-fill);--color-warning-active:#f80;--color-warning-rgb:255, 149, 0;--overlay-primary-light:#5580ff0d;--overlay-primary-light-08:#5580ff14;--overlay-primary:#5580ff1a;--overlay-primary-medium-12:var(--accent-muted);--overlay-primary-medium:#5580ff33;--overlay-primary-strong:#5580ff4d;--overlay-dark-40:#0006;--shadow-sm:0 2px 4px #0003;--shadow-sm-30:0 2px 4px #0000004d;--shadow-md:0 2px 8px #0003;--shadow-lg:0 4px 12px #0000004d;--shadow-xl:0 8px 32px #0006;--shadow-primary-md-50:0 4px 8px rgba(var(--color-primary-rgb), .5);--bg-gradient-main:linear-gradient(135deg, var(--bg-darkest) 0%, var(--bg-dark) 100%);--bg-gradient-toolbar:linear-gradient(135deg, #303c5ab3 0%, #16213eb3 100%);--bg-gradient-primary:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-hover) 100%);--bg-gradient-success-hover:linear-gradient(135deg, var(--color-success-hover) 0%, var(--color-success-active) 100%);--bg-gradient-danger:linear-gradient(135deg, var(--color-danger) 0%, var(--color-danger-hover) 100%);--bg-toolbar:var(--toolbar-fill);--bg-toolbar-input:var(--bg-input);--bg-timescale:var(--timeline-ruler);--project-chrome-bezel:color-mix(in srgb, var(--bg-medium) 30%, var(--bg-toolbar));--project-chrome-bezel-hover:color-mix(in srgb, #fff 7%, var(--project-chrome-bezel));--bg-sidebar-body:var(--bg-surface);--track-sidebar-plate:#26334a;--track-sidebar-plate-hover:#30405a;--track-sidebar-plate-selected:#374a68;--track-sidebar-plate-selected-hover:#405574;--track-sidebar-plate-edge:#202b40;--track-sidebar-plate-surface:linear-gradient(180deg, #6884be0b, transparent 52%);--track-sidebar-rule:#070b15;--track-sidebar-row-shadow:inset 0 1px 0 #ffffff17, inset 0 -1px 0 #00000073, inset -1px 0 0 #ffffff12;--track-control-well:#00000075;--track-control-well-shadow:inset 0 1px 3px #000c, 0 1px 0 #ffffff17;--track-fader-fill:#ffffff29;--track-fader-cap:#ffffff8c;--track-control-ink:#ffffffa8;--track-control-ink-selected:#ffffffd1;--pan-knob-seat:#0b0f19;--pan-knob-range:#ffffff38;--pan-knob-face:#c3cad8;--pan-knob-face-edge:#e2e8f2;--pan-knob-indicator:#171c2c;--bg-knob-fill:#6b7a9e;--bg-knob-stroke:#8a9bc0;--bg-mixer-send-row:#273353;--bg-medium-alpha-50:#303c5a80;--bg-medium-alpha-60:#303c5a99;--bg-medium-alpha-30:#303c5a4d;--focus-ring:2px solid var(--theme-accent);--meter-low-dark:#059669;--meter-clip-dark:#dc2626;--meter-reference-marker:#fff6;--meter-neutral-floor:#303643;--meter-neutral-low:#7b8492;--meter-neutral-ref:#e9edf4;--meter-hot:#ff6b2c;--color-record:var(--record-fill);--color-record-armed:var(--record-armed);--color-record-active:#ff453a;--color-record-rgb:255, 59, 48;--shadow-record-glow:0 0 12px #ff3b3080;--dialog-surface:var(--bg-surface);--menu-surface:#283046;--menu-edge:#4f5a73;--menu-hover:#343e57;--menu-rule:#414b63;--menu-arm-ink:#ffafa9;--menu-danger-ink:#ff9f98;--menu-arm-surface:#63383e;--menu-selected:#374a68;--menu-swatch-ink:#101827;--menu-shadow:0 10px 16px #00000073;--dialog-border:var(--border-default);--dialog-border-strong:var(--overlay-white-20);--dialog-rule:var(--border-subtle);--dialog-shadow:var(--shadow-xl);--dialog-scrim:var(--bg-scrim);--label-color:var(--text-secondary);--label-section-color:var(--text-muted);--label-hint-color:var(--text-muted);--control-border:var(--border-default);--control-fill:var(--bg-app);--action-fill-ink:var(--fg-on-accent);--action-fill:#3560d8;--action-fill-hover:#2f57c9;--action-fill-press:#2b51bd;--action-danger-fill:#d92b21;--action-danger-fill-hover:#c92419;--action-danger-fill-press:#b21d14;--action-danger-wash:#d92b2138;--action-danger-ink-soft:#ffb3ac;--panel-edge:var(--border-muted);--color-loop:#ffa000;--color-loop-rgb:255, 160, 0;--color-loop-region:#ffa00026;--color-loop-region-disabled:#ffa0000f;--color-loop-border:#ffa00099;--overlay-loop-medium-12:rgba(var(--color-loop-rgb), .12);--color-white:#fff;--color-piano-roll-error:#f44;--color-piano-roll-warning:#fa0;--color-melody-error:#f55;--color-melody-error-background:#ff3c3c1a;--color-fader-mid:#3c4a68;--color-fader-light:#465373;--color-fader-highlight:#5c6a8b;--overlay-white-02:#ffffff05;--overlay-white-03:#ffffff08;--overlay-white-08:#ffffff14;--overlay-white-10:#ffffff1a;--overlay-white-12:#ffffff1f;--overlay-white-14:#ffffff24;--overlay-white-15:#ffffff26;--overlay-white-16:#ffffff29;--overlay-white-20:#fff3;--overlay-white-25:#ffffff40;--overlay-white-30:#ffffff4d;--overlay-white-40:#fff6;--overlay-white-60:#fff9;--overlay-white-85:#ffffffd9;--overlay-white-90:#ffffffe6;--overlay-white-06:#ffffff0f;--overlay-white-05:#ffffff0d;--overlay-white-50:#ffffff80;--overlay-black-20:#0003;--overlay-black-30:#0000004d;--overlay-black-35:#00000059;--overlay-black-40:#0006;--overlay-black-45:#00000073;--overlay-black-80:#000c;--overlay-chord:#648cdc26;--overlay-chord-hover:#648cdc40;--overlay-chord-selected:#648cdc4d;--overlay-chord-new:#648cdc1a;--border-chord:#ffffff1a;--border-chord-input:#ffffff4d;--shadow-channel:0 2px 4px 0 #0000001a;--shadow-track-color:0 1px 3px #0000004d;--shadow-fader-rail:inset 1px 1px 3px #000c, inset -1px 0 2px #0006, 0 0 1px #ffffff0a;--shadow-fader-thumb:0 2px 6px #00000080, 0 1px 2px #0000004d, inset 0 1px 0 #ffffff1a;--shadow-fader-groove:0 1px 0 #ffffff0f;--overlay-black-50:#00000080;--overlay-black-60:#0009;--border-loop-disabled:#ffa0004d;--shadow-piano-roll-playhead:0 0 6px #f5a62399;--shadow-meter-inset:inset 1px 1px 2px #0009;--shadow-captcha:0 8px 32px #00000080;--shadow-neutral-sm:0 1px 3px #0000004d;--app-track-surface:#1a1a2ecc;--app-track-surface-muted:#1a1a2e99;--piano-roll-selected-bg:#64b4ff33;--piano-roll-selected-color:#64b4ff;--font-ui:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, monospace;--fader-value:0%;--notification-panel-safe-max-height:calc(100vh - 32px);--focus-offset:2px;--icon-size-md:16px;--sidebar-width:220px;--z-timeline:1;--z-playhead-overlay:2;--z-sidebar-background:3;--z-sidebar:4;--z-toolbar:5;--z-scrollbar:10;--z-page:50;--z-floating-panel:50;--z-status-bar-plate:51;--z-dropdown:100;--z-floating-panel-raised:101;--z-banner:1000;--z-banner-modal:1001;--z-banner-update:1500;--z-modal:9998;--z-overlay-top:10000;--scrollbar-height:10px;--scrollbar-fade-duration:.2s;--scrollbar-fade-easing:ease-out;--touch-target-min:44px;--touch-target-gap:8px;--target-drawn:var(--control-height);--target-reach:var(--control-height);--bar-tap-slop:0px;--track-column-rail:52px;--track-icon-slot:calc(var(--track-column-rail) - var(--space-separator) - var(--space-compact));--track-key-pitch:var(--space-800);--track-key-centre:9px;--track-row-lead:var(--space-300);--space-050:2px;--space-100:4px;--space-150:6px;--space-200:8px;--space-250:10px;--space-300:12px;--space-400:16px;--space-500:20px;--space-600:24px;--space-800:32px;--panel-padding:var(--space-300) var(--panel-gutter) var(--panel-gutter);--menu-radius:10px;--menu-row-inset:var(--space-300);--dialog-radius:8px;--dialog-header-height:44px;--dialog-title-size:15px;--dialog-title-weight:600;--dialog-title-tracking:-.01em;--dialog-section-gap:var(--space-500);--dialog-field-gap:var(--space-200);--dialog-row-gap:var(--space-250);--dialog-label-column:160px;--label-size:13px;--label-weight:400;--label-section-size:11px;--label-section-weight:600;--label-section-tracking:.09em;--label-hint-size:12px;--button-padding-md:var(--space-150) 14px;--control-height:32px;--control-height-compact:28px;--control-height-glyph:22px;--control-radius:4px;--control-font-size:13px;--control-font-size-dense:12px;--headline-size:20px;--readout-display-size:48px;--readout-display-mark-size:calc(var(--readout-display-size) / 2);--switch-track-height:24px;--avatar-size:32px;--grip-mark-length:32px;--cover-size:44px;--envelope-height:48px;--checkbox-gap:var(--space-200);--checkbox-cursor:pointer;--dialog-w-sm:420px;--dialog-w-md:520px;--dialog-w-lg:640px;--dialog-w-xl:840px;--dialog-inset:var(--space-400);--dialog-gutter:var(--space-600);--dialog-gutter-message:var(--space-800);--dialog-prose-gap:var(--space-300);--dialog-actions-gap:var(--space-250);--dialog-actions-block:var(--space-600);--dialog-prose-size:14px;--dialog-prose-leading:1.55;--dialog-prose-measure:58ch;--surface-radius:6px;--panel-w-sm:420px;--panel-w-md:540px;--panel-w-max:min(1100px, 100vw - 48px);--panel-gutter:var(--space-500);--panel-header-h:40px;--panel-title-size:15px;--label-micro-size:10px;--readout-size:11px;--name-row-size:12px;--name-lane-size:10px;--label-micro-weight:600;--label-micro-tracking:.06em;--space-hairline:1px;--space-separator:2px;--space-compact:3px;--space-small-control:5px;--space-modal-top:40px;--space-modal-top-third:calc(30vh - 120px);--space-empty-state-top:48px;--desktop-titlebar-spacer-width:64px;--desktop-toolbar-block-padding:var(--space-300);--toolbar-inset-top:var(--app-inset-top);--toolbar-inset-right:var(--app-inset-right);--toolbar-pad-x:var(--space-400);--toolbar-pad-y:var(--space-200);--toolbar-row-height:36px;--toolbar-compact-control:var(--target-drawn);--toolbar-chrome-height:calc(var(--toolbar-row-height) + var(--space-separator));--app-toolbar-block-end:var(--toolbar-chrome-height);--bottom-panel-strip-block:220px}:root:where([data-input=touch]){--scrollbar-height:6px;--target-reach:var(--touch-target-min);--bottom-panel-strip-block:calc(220px + var(--target-drawn) - var(--control-height-glyph) - 2 * var(--space-100))}:root{--app-viewport-height:100dvh;--app-vv-height:100vh;--app-vv-top:0px;--app-keyboard-inset:0px;--app-safe-area-top:env(safe-area-inset-top,0px);--app-safe-area-right:env(safe-area-inset-right,0px);--app-safe-area-bottom:env(safe-area-inset-bottom,0px);--app-safe-area-left:env(safe-area-inset-left,0px);--app-fullscreen-inset-top:env(fullscreen-inset-top,0px);--app-inset-top:var(--app-safe-area-top);--app-inset-right:var(--app-safe-area-right);--app-inset-bottom:var(--app-safe-area-bottom);--app-inset-left:var(--app-safe-area-left)}@media (height<=500.98px) and (orientation:landscape){:root[data-home-screen-app]{--toolbar-inset-top:calc(var(--app-inset-top) + var(--space-400))}}:root[data-notch-side]{--toolbar-inset-right:0px}:root[data-notch-side=left]{--app-inset-left:max(0px, var(--app-safe-area-left) - var(--space-400));--app-inset-right:0px}:root[data-notch-side=right]{--app-inset-left:0px;--app-inset-right:max(0px, var(--app-safe-area-right) - var(--space-400))}:root[data-notch-side=unknown]{--app-inset-left:max(0px, var(--app-safe-area-left) - var(--space-400));--app-inset-right:max(0px, var(--app-safe-area-right) - var(--space-400))}:root:fullscreen{--app-inset-top:max(var(--app-safe-area-top), var(--app-fullscreen-inset-top))}:root{font-family:var(--font-ui);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-primary);background:var(--bg-gradient-main);background-color:var(--bg-darkest);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}html{touch-action:manipulation;overscroll-behavior:none}*{box-sizing:border-box}body{font-size:var(--label-size);background:var(--bg-gradient-main);background-color:var(--bg-darkest);touch-action:manipulation;overscroll-behavior:none;-webkit-user-select:none;user-select:none;min-width:320px;min-height:100dvh;margin:0;display:flex}input,textarea,[contenteditable=true],[contenteditable=""],.user-select-text{-webkit-user-select:text;user-select:text}.text-action,.btn--text{color:var(--color-primary);text-underline-offset:2px;font-weight:500;text-decoration:none;transition:color .15s}img{-webkit-user-drag:none}#root{width:100%;margin:0 auto;padding:0}html:has(.app,.start-page),body:has(.app,.start-page),#root:has(.app,.start-page){height:var(--app-viewport-height,100dvh);min-height:0;overflow:hidden}html:has(.app,.start-page){min-height:100svh}.startup-screen{z-index:var(--z-overlay-top);background:var(--toolbar-fill);min-height:100dvh;color:var(--text-muted);font-family:var(--font-ui);pointer-events:auto;opacity:1;justify-content:center;align-items:center;font-weight:400;line-height:1.5;transition:opacity .16s ease-out;display:flex;position:fixed;inset:0;overflow:hidden}.startup-screen--leaving{opacity:0}.startup-screen--failure .startup-screen__status,.startup-screen--failure .startup-screen__busy-indicator{display:none}.startup-screen__content{align-items:center;gap:var(--space-400);padding:var(--space-800);text-align:center;flex-direction:column;display:flex}.startup-screen__logo{width:min(215px,62vw);height:auto;display:block}.startup-screen__status,.startup-screen__noscript{font-size:var(--label-hint-size);margin:0}.startup-screen__busy-indicator{color:var(--color-primary);flex-shrink:0}.startup-screen__recovery{align-items:center;gap:var(--space-400);flex-direction:column;max-width:360px;display:flex}.startup-screen__recovery[hidden]{display:none}.startup-screen__title,.startup-screen__description{margin:0}.startup-screen__title{color:var(--text-primary);font-size:var(--headline-size);font-weight:600;line-height:1.35}.startup-screen__description{color:var(--text-secondary);font-size:var(--dialog-prose-size);line-height:1.5}.startup-screen__reload{min-width:112px;min-height:var(--touch-target-min);padding:0 var(--space-500);border:1px solid var(--border-emphasis);background:var(--color-primary);color:var(--text-on-primary);font-size:var(--control-font-size);border-radius:8px;font-weight:600}.startup-screen__reload:hover{background:var(--color-primary-hover)}.startup-screen__reload:active{background:var(--color-primary-active)}.startup-screen__reload:focus-visible{outline:var(--focus-ring);outline-offset:3px}@media (prefers-reduced-motion:reduce){.startup-screen{transition:none}}button{cursor:pointer;font-family:inherit}.playlist{--wp-controls-border-color:var(--border-primary);--wp-controls-background-color:var(--bg-medium-alpha-60);--wp-tracks-container-background-color:var(--app-track-surface);--wp-cursor-color:var(--color-primary);--wp-channel-color:var(--border-primary);--wp-channel-progress-color:var(--color-primary);--wp-selection-background-color:var(--overlay-primary-medium);--wp-selection-point-color:var(--color-primary);--wp-btn-danger-background-color:var(--color-danger);--wp-btn-danger-background-hover-color:var(--color-danger-hover);--wp-btn-info-background-color:var(--color-primary);--wp-btn-info-background-hover-color:var(--color-primary-hover);--wp-range-slider-color:var(--color-primary);--wp-range-slider-background-color:var(--overlay-primary-medium);--wp-range-slider-background-focus-color:var(--overlay-primary-strong);--wp-range-slider-label-color:var(--text-primary)}.playlist .controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-medium-alpha-60)!important;border:1px solid var(--border-primary)!important}.playlist .controls label{color:var(--text-primary)}.playlist .playlist-time-scale{border-bottom:1px solid var(--border-primary);color:var(--text-secondary);background:var(--bg-medium-alpha-50)!important}.playlist .playlist-tracks{background:var(--app-track-surface-muted)!important}.playlist .state-cursor{cursor:crosshair!important}.playlist .state-select{cursor:text!important}.playlist .state-shift{cursor:move!important}.playlist .state-fadein{cursor:w-resize!important}.playlist .state-fadeout{cursor:e-resize!important}@keyframes lamp-glow{0%,to{filter:drop-shadow(0 0 2px var(--color-warning))}50%{filter:drop-shadow(0 0 8px var(--color-warning)) drop-shadow(0 0 12px var(--color-warning-active))}}