::selection{background:var(--selection-text-bg);color:var(--selection-text-fg)}*{scrollbar-color:var(--border-default) var(--border-default);scrollbar-width:thin}::-webkit-scrollbar{width:var(--size-10);height:var(--size-10)}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{border:var(--size-3) solid var(--border-subtle);border-radius:var(--radius-999);background:var(--scrollbar-thumb)}.standalone-preview-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-18)}.standalone-preview-links>a{min-height:var(--size-154);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-20);padding:var(--space-25) var(--space-27);border:var(--size-1) solid var(--border-default);border-radius:var(--radius-12);background:var(--gradient-preview-link);color:var(--text-primary);text-decoration:none;transition:var(--motion-1)}.standalone-preview-links>a:hover{transform:translateY(var(--size-negative-2));border-color:var(--border-hover);box-shadow:var(--shadow-card-hover)}.standalone-preview-links>a>svg{color:var(--text-accent)}.preview-link-icon{width:var(--size-58);height:var(--size-58);display:grid;place-items:center;border:var(--size-1) solid var(--border-default);border-radius:var(--radius-10);background:var(--surface-interactive);color:var(--icon-secondary)}.standalone-preview-links a>span:nth-child(2){display:grid}.standalone-preview-links strong{margin-top:var(--space-8)}.standalone-preview-links em{margin-top:var(--space-3)}.standalone-preview{min-height:var(--size-100dvh);display:grid;background:var(--surface-sunken)}.standalone-preview .live-prototype{border:0;border-radius:0;box-shadow:var(--shadow-none)}.standalone-preview.is-desktop{min-width:var(--app-desktop-min-width);overflow:auto}.standalone-preview.is-desktop .live-prototype{width:100%;min-width:var(--app-desktop-min-width);height:var(--size-100dvh);min-height:0;grid-template-columns:var(--size-240) minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.standalone-preview.is-desktop .prototype-stage{min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable}.standalone-preview.is-desktop .prototype-sidebar{height:100%;min-height:0}.standalone-preview.is-desktop .prototype-sidebar nav{min-height:0;overflow-y:auto}.standalone-preview.is-desktop .prototype-account{flex-shrink:0;padding-top:var(--space-16)}.standalone-preview.is-desktop .detail-screen,.standalone-preview.is-desktop .explore-screen,.standalone-preview.is-desktop .flow-screen,.standalone-preview.is-desktop .prototype-screen,.standalone-preview.is-desktop .single-screen{min-height:var(--size-100dvh)}.standalone-preview.is-desktop .expanded-player,.standalone-preview.is-desktop .library-screen{height:var(--size-100dvh);min-height:var(--size-760)}.ui-button{min-height:var(--button-height-default,var(--size-48));display:inline-flex;align-items:center;justify-content:center;gap:var(--button-gap,var(--space-12));padding:0 var(--button-padding-inline,var(--space-20));border:var(--size-1) solid transparent;border-radius:var(--button-radius,var(--control-radius));color:inherit;cursor:pointer;transition:var(--motion-2)}.ui-button>span{min-width:0}.ui-button svg{flex:none}.ui-button:hover:not(:disabled){transform:translateY(var(--size-negative-1))}.ui-button:active:not(:disabled){transform:translateY(0) scale(.985)}.ui-button:disabled{cursor:not-allowed;opacity:var(--opacity-1)}.ui-button--primary{background:var(--action-primary-background);color:var(--action-primary-fg);box-shadow:var(--shadow-action)}.ui-button--primary:hover:not(:disabled){filter:none;box-shadow:var(--shadow-action-hover);background:var(--action-primary-hover-background)}.ui-button--secondary{border-color:var(--control-border-hover);background:var(--action-secondary-bg);color:var(--action-secondary-fg)}.ui-button--secondary:hover:not(:disabled){border-color:var(--accent-primary);background:var(--surface-hover)}.ui-button--ghost{background:transparent;color:var(--action-ghost-fg)}.ui-button--ghost:hover:not(:disabled){background:var(--surface-interactive);color:var(--text-primary)}.ui-button--recovery{border-color:var(--button-recovery-border,var(--border-selected));background:var(--button-recovery-bg,var(--selection-background));color:var(--button-recovery-fg,var(--text-accent))}.ui-button--recovery:hover:not(:disabled){border-color:var(--selection-indicator);background:var(--button-recovery-hover-bg,var(--surface-hover))}.ui-button--danger{border-color:var(--button-danger-border,var(--status-danger-border));background:var(--button-danger-bg,var(--status-danger-bg));color:var(--button-danger-fg,var(--status-danger-fg))}.ui-button--danger:hover:not(:disabled){background:var(--button-danger-hover-bg,var(--surface-hover));border-color:var(--status-danger-fg)}.ui-button--compact{min-height:var(--button-height-compact,var(--size-40));padding-inline:var(--button-padding-inline-compact,var(--space-15))}.ui-button-spinner{animation:ui-spin var(--duration-_8s) linear infinite}.check-indicator{width:var(--size-22);height:var(--size-22);display:grid;place-items:center;flex:none;border:var(--size-1) solid var(--border-control);border-radius:var(--radius-6);background:var(--control-bg);color:var(--selection-on-indicator);transition:var(--motion-3)}.check-indicator.is-checked{border-color:var(--selection-indicator);background:var(--selection-indicator);box-shadow:var(--shadow-action)}.check-indicator.is-checked svg{animation:var(--effect-39)}.check-indicator.is-compact{width:var(--size-18);height:var(--size-18);border-radius:50%}.ui-checkbox,.ui-switch-row{width:100%;min-height:var(--size-66);display:flex;align-items:center;gap:var(--space-13);padding:var(--space-11) var(--space-14);border:var(--size-1) solid var(--control-border);border-radius:var(--control-radius);background:var(--control-bg);color:var(--text-primary);text-align:left;cursor:pointer;transition:border-color var(--duration-_18s),background-color var(--duration-_18s),box-shadow var(--duration-_18s)}.ui-checkbox:hover:not(:disabled),.ui-switch-row:hover:not(:disabled){border-color:var(--control-border-hover);background:var(--control-bg-hover)}.ui-checkbox[aria-checked=true],.ui-switch-row[aria-checked=true]{border-color:var(--border-selected);background:var(--selection-background)}.ui-checkbox:disabled,.ui-switch-row:disabled{cursor:not-allowed;opacity:var(--opacity-1);background:var(--surface-disabled);color:var(--text-disabled)}.ui-checkbox>span:last-child,.ui-switch-row>span:first-child{min-width:0;display:grid;gap:var(--space-2)}.ui-switch-row{justify-content:space-between}.ui-switch{position:relative;width:var(--size-38);height:var(--size-22);flex:none;border:var(--size-1) solid var(--border-control);border-radius:var(--radius-999);background:var(--switch-track);transition:background-color var(--duration-_2s),border-color var(--duration-_2s),box-shadow var(--duration-_2s)}.ui-switch b{position:absolute;width:var(--size-14);height:var(--size-14);left:var(--size-3);top:var(--size-3);border-radius:50%;background:var(--switch-thumb);transition:var(--motion-4)}.ui-switch-row[aria-checked=true] .ui-switch{border-color:var(--selection-indicator);background:var(--switch-track-selected);box-shadow:var(--shadow-selection-inset)}.ui-switch-row[aria-checked=true] .ui-switch b{transform:translateX(var(--size-16));background:var(--switch-thumb)}.ui-status{min-height:var(--size-30);display:inline-flex;align-items:center;gap:var(--space-7);padding:0 var(--space-10);border:var(--size-1) solid var(--border-default);border-radius:var(--radius-999);background:var(--surface-raised);color:var(--text-secondary)}.ui-status--info{border-color:var(--status-info-border);background:var(--status-info-bg);color:var(--status-info-fg)}.ui-status--success{border-color:var(--status-success-border);background:var(--status-success-bg);color:var(--status-success-fg)}.selection-specimen{margin-top:var(--space-18);padding:var(--space-30)}.selection-showcase{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(var(--size-210),.65fr);gap:var(--space-34);align-items:start}.selection-controls{display:grid;gap:var(--space-10)}.status-showcase{display:flex;flex-wrap:wrap;align-content:flex-start;gap:var(--space-9);padding-top:var(--space-2)}.multi-step-panel{min-width:0;transform-origin:50% 0}.multi-step-panel.is-forward{animation:var(--effect-41)}.multi-step-panel.is-backward{animation:var(--effect-42)}.multi-step-timeline li button{transition:var(--motion-5)}.multi-step-timeline li button:hover{transform:scale(1.045);border-color:var(--accent-primary)}.multi-step-timeline li button:active{transform:scale(.96)}.multi-step-timeline li.complete>i,.multi-step-timeline li.done>i{transform-origin:top;animation:var(--effect-43)}.radio-indicator i{transform-origin:center;animation:var(--effect-44);background:var(--selection-indicator)}.flow-choice-list>button,.flow-sound-card,.flow-voice-row{position:relative;isolation:isolate;overflow:hidden;transition:var(--motion-6)}.flow-choice-list>button:hover,.flow-sound-card:hover,.flow-voice-row:hover{transform:none}.flow-choice-list>button.selected,.flow-sound-card.selected,.flow-voice-row.selected{background:var(--selection-background);box-shadow:var(--shadow-selection-inset)}.ui-filter-tabs button{position:relative;overflow:hidden}.flow-actions .ui-button{min-width:var(--size-130)}.flow-actions .ui-button--primary{min-width:var(--size-210)}.detail-overlay .ui-button,.single-copy .ui-button{min-height:var(--size-46)}.auth-card .ui-button{margin-top:var(--space-6)}@keyframes ui-spin{to{transform:rotate(var(--size-360deg))}}@keyframes check-arrive{0%{opacity:var(--opacity-0);transform:scale(.55) rotate(var(--size-negative-10deg))}to{opacity:var(--opacity-1);transform:scale(1) rotate(0)}}@keyframes radio-arrive{0%{opacity:var(--opacity-0);transform:scale(.3)}to{opacity:var(--opacity-1);transform:scale(1)}}@keyframes line-fill{0%{transform:scaleY(0);opacity:var(--opacity-_35)}to{transform:scaleY(1);opacity:var(--opacity-1)}}@keyframes tab-line{0%{transform:scaleX(.25);opacity:var(--opacity-0)}to{transform:scaleX(1);opacity:var(--opacity-1)}}@keyframes step-forward{0%{opacity:var(--opacity-0);transform:translateX(var(--size-8))}to{opacity:var(--opacity-1);transform:translateX(0)}}@keyframes step-backward{0%{opacity:var(--opacity-0);transform:translateX(var(--size-negative-8))}to{opacity:var(--opacity-1);transform:translateX(0)}}.ui-filter-tabs button.active{background:var(--selected-surface);box-shadow:var(--shadow-selection-inset)}.prototype-sidebar nav button.active,.rail nav a.active{background:var(--nav-active-background);color:var(--nav-selected-fg);box-shadow:var(--shadow-nav-marker)}.prototype-tabs button.active{border-color:var(--selected-edge);background:var(--selected-surface);color:var(--text-primary);box-shadow:var(--shadow-selection-inset)}.prototype-theme-card{display:grid;grid-template-columns:minmax(0,1fr);background:var(--surface-raised);box-shadow:var(--shadow-card-highlight)}.prototype-theme-card .theme-scene{position:relative;overflow:hidden;width:100%;height:auto;grid-area:1/1;aspect-ratio:var(--theme-card-aspect);min-height:var(--size-260);background:none}.theme-art{display:block;width:100%;aspect-ratio:var(--theme-art-aspect)}.theme-blur{position:absolute;inset:0;pointer-events:none}.theme-blur-soft{-webkit-backdrop-filter:var(--theme-card-blur-soft);backdrop-filter:var(--theme-card-blur-soft);-webkit-mask-image:var(--theme-card-blur-soft-mask);mask-image:var(--theme-card-blur-soft-mask)}.theme-blur-medium{-webkit-backdrop-filter:var(--theme-card-blur-medium);backdrop-filter:var(--theme-card-blur-medium);-webkit-mask-image:var(--theme-card-blur-medium-mask);mask-image:var(--theme-card-blur-medium-mask)}.theme-blur-deep{-webkit-backdrop-filter:var(--theme-card-blur-deep);backdrop-filter:var(--theme-card-blur-deep);-webkit-mask-image:var(--theme-card-blur-deep-mask);mask-image:var(--theme-card-blur-deep-mask)}.prototype-theme-card .theme-scene:after{content:"";position:absolute;inset:0;background:var(--theme-card-scene-shade);pointer-events:none}.prototype-theme-copy{grid-area:1/1;align-self:flex-end;position:relative;z-index:var(--z-index-2);margin-top:0;padding:var(--space-12) var(--space-18) var(--space-14);border-top:var(--size-1) solid var(--border-subtle);background:var(--theme-card-caption-background)}.prototype-theme-copy small{margin-top:var(--space-15)}.live-prototype:not(.is-mobile) .prototype-sidebar nav{gap:var(--space-8)}.live-prototype:not(.is-mobile) .prototype-sidebar nav button{height:var(--sidebar-item-height);gap:var(--space-22);padding-inline:var(--space-16);border-radius:var(--radius-7);color:var(--nav-fg)}.live-prototype:not(.is-mobile) .prototype-sidebar nav button>svg{width:var(--sidebar-icon-size);height:var(--sidebar-icon-size);flex-shrink:0;stroke-width:var(--stroke-sidebar)}.live-prototype:not(.is-mobile) .prototype-sidebar nav button.active{color:var(--nav-selected-fg);background:var(--sidebar-active-background);box-shadow:var(--shadow-none)}.live-prototype:not(.is-mobile) .prototype-sidebar nav button.active:before{content:"";position:absolute;left:0;top:var(--size-12);bottom:var(--size-12);width:var(--sidebar-active-marker-width);border-radius:0 var(--radius-4) var(--radius-4) 0;background:var(--selection-indicator)}.flow-timeline .multi-step-overflow{min-height:var(--step-overflow-height);display:grid;grid-template-columns:var(--size-36) var(--size-38) minmax(0,1fr);grid-template-rows:var(--step-overflow-height);align-items:center}.flow-timeline .multi-step-overflow>.step-continuation{grid-column:1/-1;width:100%;min-height:var(--size-44);height:auto;display:inline-flex;align-items:center;justify-content:center;flex-direction:column;gap:0;padding-inline:0;border:0;border-radius:var(--radius-8);background:transparent;color:var(--text-secondary);white-space:nowrap}.flow-timeline .step-continuation:hover{background:var(--surface-raised)}.flow-screen{padding-left:var(--space-70);background:var(--surface-app)}.flow-screen:before{content:"";position:absolute;z-index:var(--z-index-0);inset:0 0 0 auto;width:37%;background:var(--art-personalization-background);opacity:var(--opacity-_82);pointer-events:none}.flow-screen:after{display:none}.flow-actions,.flow-heading,.flow-sound-grid,.question-flow-layout,.voice-flow-layout{width:min(var(--size-800),calc(100% - var(--size-270)))}.flow-questions .flow-actions,.flow-questions .flow-heading,.flow-questions .question-flow-layout{width:min(var(--size-690),calc(100% - var(--size-270)))}.question-flow-layout{grid-template-columns:var(--size-108) minmax(0,1fr);gap:0}.flow-timeline li{grid-template-columns:var(--size-36) var(--size-38) minmax(0,1fr);grid-template-rows:var(--size-38) var(--size-36);column-gap:0}.flow-timeline .multi-step-number{grid-column:1;grid-row:1;align-self:center;color:var(--text-accent)}.flow-timeline li>button{grid-column:2;grid-row:1}.flow-timeline li>i{grid-column:2;grid-row:2;height:var(--size-36);margin-left:var(--space-17)}.flow-timeline li>span{grid-column:3;grid-row:1/3;margin-left:var(--space-34);padding-top:var(--space-2)}.flow-timeline li.active>button{width:var(--size-44);height:var(--size-44);margin:var(--space-negative-3) 0 0 var(--space-negative-5)}.flow-question-card{margin-top:0}.flow-timeline li:last-child>i{display:block;width:0;height:var(--size-48);border-left:var(--size-1) dashed var(--border-control);background:transparent}.preview-toolbar-actions{display:flex;align-items:center;gap:var(--space-10)}.preview-exit,.preview-fullscreen{min-height:var(--size-38);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);padding:0 var(--space-13);border:var(--size-1) solid var(--border-default);border-radius:var(--radius-7);background:var(--surface-raised);color:var(--text-primary);cursor:pointer}.preview-exit:hover,.preview-fullscreen:hover{border-color:var(--accent-primary);color:var(--text-primary)}.preview-exit{border-color:var(--border-default)}.prototype-preview.is-fullscreen{position:fixed;z-index:var(--z-index-1000);inset:0;grid-template-rows:auto minmax(0,1fr);gap:var(--space-10);padding:var(--space-12);background:var(--surface-sunken)}.prototype-preview.is-fullscreen .prototype-preview-toolbar{margin:0}.prototype-preview.is-fullscreen .prototype-canvas{min-height:0;padding:0}.prototype-preview.is-fullscreen .live-prototype.is-desktop{width:100%;min-width:var(--size-1280);min-height:calc(var(--size-100vh) - var(--size-90));border-radius:0}.prototype-preview.is-fullscreen .live-prototype.is-desktop .explore-screen,.prototype-preview.is-fullscreen .live-prototype.is-desktop .flow-screen,.prototype-preview.is-fullscreen .live-prototype.is-desktop .prototype-screen{min-height:calc(var(--size-100vh) - var(--size-90))}.prototype-preview.is-fullscreen .flow-choice-list>button{min-height:var(--size-54)}.prototype-preview.is-fullscreen .flow-voice-row{height:var(--size-74)}.prototype-preview.is-fullscreen .flow-actions .ui-button{min-height:var(--size-54)}.live-prototype.is-desktop{min-width:var(--size-1280)}.prototype-preview.is-fullscreen.is-mobile .prototype-canvas{display:grid;place-items:center}@media (max-width:760px){.selection-specimen{padding:var(--space-22)}.standalone-preview-links{grid-template-columns:1fr}.standalone-preview-links>a{min-height:var(--size-132);padding:var(--space-21)}.selection-showcase{grid-template-columns:1fr;gap:var(--space-20)}.flow-actions .ui-button{width:100%;min-width:0;min-height:var(--size-50)}.preview-toolbar-actions>span{display:none}.preview-exit,.preview-fullscreen{min-height:var(--size-44)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{scroll-behavior:auto!important;animation-duration:var(--duration-_01ms)!important;animation-iteration-count:1!important;transition-duration:var(--duration-_01ms)!important}.flow-choice-list>button:hover,.flow-sound-card:hover,.flow-voice-row:hover,.multi-step-panel{transform:none!important;filter:var(--blur-7)!important;clip-path:none!important}}.library-screen{position:relative;height:var(--size-760);min-height:var(--size-760);padding-bottom:var(--space-72);overflow-x:hidden;overflow-y:auto;background:var(--surface-raised);color:var(--text-primary)}.library-home{padding:var(--space-38) var(--space-34) var(--space-100);background:var(--gradient-library-atmosphere)}.library-heading{display:flex;align-items:end;justify-content:space-between;gap:var(--space-28);margin-bottom:var(--space-18)}.library-heading :is(h1,h3){margin:0 0 var(--space-3)}.library-heading p{margin:0}.library-heading-actions{display:flex;gap:var(--space-13)}.library-search{width:var(--size-300);height:var(--size-46);display:flex;align-items:center;gap:var(--space-11);padding:0 var(--space-15);border:var(--size-1) solid var(--border-control);border-radius:var(--radius-8);background:var(--control-bg);color:var(--text-secondary)}.library-search:focus-within{border-color:var(--accent-primary);box-shadow:var(--shadow-focus)}.library-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--text-primary)}.library-search input::placeholder{color:var(--text-placeholder)}.delete-action,.library-link,.library-primary,.library-square{height:var(--size-46);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-10);border:0;border-radius:var(--radius-7);cursor:pointer;white-space:nowrap}.library-primary{padding:0 var(--space-20);background:var(--action-primary-background);color:var(--action-primary-fg)}.library-square{width:var(--size-52);border:var(--size-1) solid var(--border-control);background:var(--surface-raised);color:var(--text-primary)}.library-link{padding:0 var(--space-10);background:transparent;color:var(--text-primary)}.delete-action{padding:0 var(--space-12);background:transparent;color:var(--text-danger)}.latest-track{position:relative;width:100%;height:var(--size-184);display:grid;grid-template-columns:55% 1fr auto;overflow:hidden;padding:0;border:var(--size-1) solid var(--border-default);border-radius:var(--radius-9);background:var(--surface-raised);color:inherit;text-align:left;cursor:pointer}.latest-track:after{content:"";position:absolute;inset:0;background:var(--scrim-latest-track-desktop);pointer-events:none}.latest-art{display:block;background-size:300% 200%;background-position:0 0}.latest-copy{position:relative;z-index:var(--z-index-1);display:grid;align-content:center;justify-items:start;padding-left:var(--space-18)}.latest-copy>span,.latest-copy>strong{margin-top:var(--space-7)}.latest-copy>b{display:flex;align-items:center;gap:var(--space-12);margin-top:var(--space-18)}.latest-copy>b i{width:var(--size-43);height:var(--size-43);display:grid;place-items:center;border-radius:50%;background:var(--accent-primary);color:var(--action-primary-fg)}.latest-track time{position:relative;z-index:var(--z-index-1);align-self:center;margin-right:var(--space-23)}.playlist-section{margin-top:var(--space-22)}.library-section-title :is(h2,h4){margin:0 0 var(--space-3)}.playlist-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-12);margin-top:var(--space-12)}.playlist-card{min-width:0;overflow:hidden;padding:0;border:var(--size-1) solid var(--border-default);border-radius:var(--radius-9);background:var(--surface-raised);color:inherit;text-align:left;cursor:pointer}.playlist-card:hover{border-color:var(--border-hover)}.playlist-art{height:var(--size-118);display:block;background-size:300% 200%}.playlist-copy{display:grid;gap:var(--space-3);padding:var(--space-10) var(--space-12) var(--space-12)}.playlist-copy small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-copy em{margin-top:var(--space-6)}.creation-section{margin-top:var(--space-18)}.creation-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:var(--space-17);margin-top:var(--space-8)}.creation-grid>div{min-width:0;height:var(--size-62);display:flex;align-items:center;gap:var(--space-12);overflow:hidden;border:var(--size-1) solid var(--border-default);border-radius:var(--radius-8);background:var(--surface-raised)}.creation-art{width:var(--size-70);height:100%;flex:none;background-size:300% 200%}.creation-grid p{display:grid;gap:var(--space-3);margin:0}.creation-grid small i{width:var(--size-11);height:var(--size-11);display:inline-block;margin-right:var(--space-7);border:var(--size-2) solid var(--border-default);border-top-color:var(--accent-primary);border-radius:50%;animation:ui-spin var(--duration-_8s) linear infinite;vertical-align:var(--size-negative-2)}.creation-grid>div>button{margin-left:auto;border:0;background:transparent;color:var(--text-secondary);cursor:pointer}.library-player{position:absolute;z-index:var(--z-index-8);right:0;bottom:0;left:0;height:var(--size-74);display:grid;grid-template-columns:minmax(var(--size-190),1.15fr) auto auto auto auto minmax(var(--size-110),.75fr) auto auto;align-items:center;gap:var(--space-15);padding:var(--space-8) var(--space-20);border-top:var(--size-1) solid var(--border-default);background:var(--surface-player);box-shadow:var(--shadow-player)}.player-progress{position:absolute;top:var(--size-negative-2);right:0;left:0;height:var(--size-3);background:var(--progress-track)}.player-progress i{display:block;width:39%;height:100%;background:var(--accent-primary)}.player-progress i:after{content:"";float:right;width:var(--size-10);height:var(--size-10);margin:var(--space-negative-3) var(--space-negative-5) 0 0;border-radius:50%;background:var(--accent-primary)}.player-track{min-width:0;display:flex;align-items:center;gap:var(--space-12)}.player-cover{width:var(--size-52);height:var(--size-52);flex:none;border-radius:var(--radius-6);background-size:300% 200%}.player-track>span:last-child{min-width:0;display:grid;gap:var(--space-3)}.player-track strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.player-controls{display:flex;align-items:center;gap:var(--space-16)}.player-controls button,.player-icon{width:var(--size-34);height:var(--size-34);display:grid;place-items:center;padding:0;border:0;background:transparent;color:var(--text-primary);cursor:pointer}.player-controls .player-main{width:var(--size-48);height:var(--size-48);border-radius:50%;background:var(--text-primary);color:var(--text-inverse)}.player-time{color:var(--text-accent)}.player-volume{gap:var(--space-10)}.player-volume>span{width:var(--size-70);height:var(--size-4);border-radius:var(--radius-3);background:var(--progress-track)}.player-volume i{display:block;position:relative;width:58%;height:100%;border-radius:inherit;background:var(--accent-primary)}.player-volume i:after{content:"";position:absolute;right:var(--size-negative-4);top:var(--size-negative-3);width:var(--size-10);height:var(--size-10);border-radius:50%;background:var(--accent-primary)}.playlist-detail{padding-bottom:var(--space-72)}.playlist-hero{position:relative;height:var(--size-304);background-size:300% 200%;background-position:0 0}.playlist-hero:after{content:"";position:absolute;inset:0;background:var(--scrim-playlist-hero)}.library-back{position:absolute;z-index:var(--z-index-2);top:var(--size-24);left:var(--size-34);display:flex;align-items:center;gap:var(--space-8);padding:0;border:0;background:transparent;color:var(--text-primary);cursor:pointer}.playlist-hero>.playlist-hero-copy{position:absolute;z-index:var(--z-index-1);left:var(--size-35);bottom:var(--size-38)}.playlist-hero :is(h1,h3){margin:0 0 var(--space-3)}.playlist-hero p{margin:0}.playlist-hero>.playlist-hero-copy>span{display:block;margin-top:var(--space-13)}.playlist-toolbar{min-height:var(--size-62);display:flex;align-items:center;gap:var(--space-10);padding:0 var(--space-34)}.playlist-toolbar .library-primary{min-width:var(--size-102)}.selected-count{margin-left:var(--space-8);padding-left:var(--space-20);border-left:var(--size-1) solid var(--border-selected);color:var(--text-primary)}.selection-add{margin-left:auto}.track-table{margin:var(--space-2) var(--space-34) 0}.track-head{height:var(--size-31);display:grid;grid-template-columns:var(--size-70) 1fr var(--size-120) var(--size-30);align-items:center;border-bottom:var(--size-1) solid var(--border-default);color:var(--text-accent)}.track-table>button{width:100%;height:var(--size-53);display:grid;grid-template-columns:var(--size-70) var(--size-46) 1fr var(--size-120) var(--size-30);align-items:center;padding:0;border:0;border-bottom:var(--size-1) solid var(--border-default);background:transparent;color:inherit;text-align:left;cursor:pointer}.track-table>button:hover{background:var(--surface-hover)}.track-table>button.selected{background:var(--selection-bg)}.track-table>button>span:first-child{display:grid;place-items:center;color:var(--text-accent)}.track-art{width:var(--size-38);height:var(--size-38);display:block;border-radius:var(--radius-5);background-size:300% 200%}.track-table strong{padding-left:var(--space-12)}.track-table>button>svg{color:var(--text-secondary)}.playing-bars{height:var(--size-20);display:flex!important;align-items:end;gap:var(--space-3)}.playing-bars i{width:var(--size-3);border-radius:var(--radius-2);background:var(--selection-indicator);animation:playing-bar var(--duration-_9s) ease-in-out infinite alternate}.playing-bars i:first-child{height:var(--size-11)}.playing-bars i:nth-child(2){height:var(--size-19);animation-delay:var(--duration-negative-_32s)}.playing-bars i:nth-child(3){height:var(--size-14);animation-delay:var(--duration-negative-_58s)}@keyframes playing-bar{to{height:var(--size-6)}}.expanded-player{min-height:var(--size-760);display:grid;grid-template-rows:var(--size-72) minmax(0,1fr) var(--size-82);padding:0}.expanded-player-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-22);padding:0 var(--space-24);background:var(--surface-player)}.player-back,.player-top-actions button,.player-view-tabs button{height:var(--size-42);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-9);padding:0 var(--space-15);border:var(--size-1) solid var(--border-control);border-radius:var(--radius-7);background:var(--surface-raised);color:var(--text-primary);cursor:pointer}.player-back{justify-self:start;padding:0;border:0;background:transparent}.player-view-tabs{display:grid;grid-template-columns:1fr 1fr;width:var(--size-340);padding:var(--space-3);border:var(--size-1) solid var(--border-default);border-radius:var(--radius-8);background:var(--surface-raised)}.player-view-tabs button{border:0;background:transparent}.player-view-tabs button.active{background:var(--action-primary-bg);color:var(--action-primary-fg)}.player-top-actions{justify-self:end;display:flex;gap:var(--space-9)}.player-top-actions button.active{border-color:var(--selection-indicator);color:var(--text-accent)}.player-stage{position:relative;min-height:0;overflow:hidden;background-image:var(--art-player-cover);background-repeat:no-repeat;background-size:auto,300% 200%;background-position:50%,0 0}.player-stage.visualizer{background-image:var(--gradient-player-visualizer)}.visualizer-waves{position:absolute;inset:18% 13% 28%;display:none;align-items:center;justify-content:center;gap:var(--space-7)}.player-stage.visualizer .visualizer-waves{display:flex}.visualizer-waves i{width:var(--size-5);border-radius:var(--radius-5);background:var(--gradient-audio-wave);box-shadow:var(--shadow-selection-glow);animation:visualizer-wave var(--duration-1_2s) ease-in-out infinite alternate}.visualizer-waves i:nth-child(3n){animation-delay:var(--duration-negative-_7s)}.visualizer-waves i:nth-child(4n){animation-delay:var(--duration-negative-_35s)}@keyframes visualizer-wave{to{transform:scaleY(.42);opacity:var(--opacity-_62)}}.expanded-track-copy{position:absolute;left:var(--size-28);bottom:var(--size-28);z-index:var(--z-index-1)}.expanded-track-copy :is(h1,h3){margin:var(--space-8) 0 var(--space-4)}.expanded-track-copy :is(p,.expanded-playlist-link){margin:0}.player-panel{position:absolute;z-index:var(--z-index-3);top:var(--size-16);right:var(--size-16);bottom:var(--size-16);width:var(--size-315);padding:var(--space-17);border:var(--size-1) solid var(--border-default);border-radius:var(--radius-10);background:var(--scrim-panel);box-shadow:var(--shadow-popover);backdrop-filter:var(--blur-1)}.player-panel>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-14)}.player-panel>div>button{color:var(--text-primary)}.player-panel>button,.player-panel>div>button{border:0;background:transparent;cursor:pointer}.player-panel>button{width:100%;display:grid;grid-template-columns:var(--size-42) 1fr auto;align-items:center;gap:var(--space-10);padding:var(--space-9) 0;border-bottom:var(--size-1) solid var(--border-control);color:inherit;text-align:left}.player-panel>button span:nth-child(2){display:grid;gap:var(--space-3)}.player-panel>button small,.player-panel>button time{color:var(--text-secondary)}.expanded-player>.library-player{position:relative;height:var(--size-82);grid-template-columns:minmax(var(--size-210),1.3fr) auto minmax(var(--size-120),.7fr) auto}.expanded-player>.library-player .player-icon{display:none}@media(min-width:1200px){.prototype-preview.is-fullscreen .expanded-player,.prototype-preview.is-fullscreen .library-screen{height:calc(var(--size-100vh) - var(--size-98));min-height:0}.prototype-preview.is-fullscreen .library-home{padding:var(--space-46) var(--space-48) var(--space-110)}.prototype-preview.is-fullscreen .latest-track{height:var(--size-220)}.prototype-preview.is-fullscreen .playlist-art{height:var(--size-145)}.prototype-preview.is-fullscreen .playlist-hero{height:var(--size-350)}.prototype-preview.is-fullscreen .track-table>button{height:var(--size-57)}}.component-preview{border:var(--size-1) solid var(--border-default);border-radius:var(--control-radius);overflow:hidden;background:var(--surface-app)}.component-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);padding:var(--space-14) var(--space-18);border-bottom:var(--size-1) solid var(--border-default)}.component-preview-toolbar>div{display:flex;gap:var(--space-8)}.component-preview-toolbar button,.specimen-reset{display:inline-flex;gap:var(--space-8);align-items:center;min-height:var(--size-40);padding:0 var(--space-12);border:var(--size-1) solid var(--border-default);border-radius:var(--control-radius);background:transparent;color:var(--text-secondary);cursor:pointer}.component-preview-toolbar button[aria-pressed=true]{background:var(--selected-surface);border-color:var(--selected-edge);color:var(--text-primary)}.component-preview-toolbar svg{width:var(--size-16);height:var(--size-16)}.component-preview-scroll{overflow:auto;max-height:var(--size-850)}.component-preview .specimen-surface{display:block;width:var(--size-1120);min-width:var(--size-1120);min-height:0;border:0;border-radius:0;box-shadow:var(--shadow-none)}.component-preview .specimen-surface.is-mobile{width:var(--size-390);min-width:var(--size-390);height:auto;margin-inline:auto}.component-preview[data-kind=cards] .prototype-theme-grid{padding:var(--space-24);margin:0}.component-preview[data-kind=sidebar] .specimen-surface{width:var(--size-240);min-width:var(--size-240)}.component-preview[data-kind=sidebar] .prototype-sidebar{height:var(--size-600)}.component-preview[data-kind=sidebar] .specimen-surface.is-mobile{width:var(--size-390);min-width:var(--size-390)}.component-preview[data-kind=sidebar] .is-mobile .prototype-sidebar{height:var(--size-68)}.component-preview[data-kind=player] .library-player{position:relative}.specimen-feedback{margin:var(--space-12) 0;color:var(--text-secondary)}.token-swatch-info{display:grid;gap:var(--space-6);padding:var(--space-16)}.token-swatch-info .copy-button{grid-column:auto;grid-row:auto;justify-self:start}.ui-button>span>svg,.ui-button>svg{width:var(--size-18);height:var(--size-18)}.preview-icon{width:var(--size-16);height:var(--size-16)}.featured-play .preview-icon{width:var(--size-22);height:var(--size-22)}.flow-sound-play .preview-icon{width:var(--size-15);height:var(--size-15)}.voice-only-icon svg{width:var(--size-24);height:var(--size-24)}.multi-step-overflow{min-height:var(--step-overflow-height)}.density-compact .flow-voice-row{height:var(--voice-row-compact)}@media (max-width:760px){.component-preview-toolbar{flex-wrap:wrap}}.shared-pattern-specimens{grid-column:1/-1;min-width:0;display:grid;gap:var(--space-24)}.specimen-actions{display:flex;flex-wrap:wrap;gap:var(--space-12);margin-block:var(--space-24)}.shared-screen-example{min-width:0;border-top:var(--size-1) solid var(--border-default);padding-block:var(--space-16)}.shared-screen-example>summary{cursor:pointer;margin-bottom:var(--space-16)}.specimen-progressive-art{display:block;width:var(--size-160);aspect-ratio:1;border-radius:var(--radius-12)}.shared-pattern-specimens .component-preview{min-width:0}.shared-screen-example .specimen-surface{contain:layout}[data-text]{font-family:var(--type-family);font-size:var(--type-size);line-height:var(--type-line-height);font-weight:var(--type-weight);letter-spacing:var(--type-tracking);font-style:normal;text-transform:none;overflow-wrap:anywhere}[data-text=inherit]{font:inherit;letter-spacing:inherit;text-transform:inherit}[data-text=display]{--type-size:var(--type-display-size);--type-compact-size:var(--type-display-compact-size);--type-line-height:var(--type-display-line-height);--type-weight:var(--type-display-weight);--type-tracking:var(--type-display-tracking);--type-family:var(--type-display-family)}[data-text=page-title]{--type-size:var(--type-page-title-size);--type-compact-size:var(--type-page-title-compact-size);--type-line-height:var(--type-page-title-line-height);--type-weight:var(--type-page-title-weight);--type-tracking:var(--type-page-title-tracking);--type-family:var(--type-page-title-family)}[data-text=section-title]{--type-size:var(--type-section-title-size);--type-compact-size:var(--type-section-title-compact-size);--type-line-height:var(--type-section-title-line-height);--type-weight:var(--type-section-title-weight);--type-tracking:var(--type-section-title-tracking);--type-family:var(--type-section-title-family)}[data-text=item-title]{--type-size:var(--type-item-title-size);--type-compact-size:var(--type-item-title-compact-size);--type-line-height:var(--type-item-title-line-height);--type-weight:var(--type-item-title-weight);--type-tracking:var(--type-item-title-tracking);--type-family:var(--type-item-title-family)}[data-text=question]{--type-size:var(--type-question-size);--type-compact-size:var(--type-question-compact-size);--type-line-height:var(--type-question-line-height);--type-weight:var(--type-question-weight);--type-tracking:var(--type-question-tracking);--type-family:var(--type-question-family)}[data-text=lead]{--type-size:var(--type-lead-size);--type-compact-size:var(--type-lead-compact-size);--type-line-height:var(--type-lead-line-height);--type-weight:var(--type-lead-weight);--type-tracking:var(--type-lead-tracking);--type-family:var(--type-lead-family)}[data-text=body]{--type-size:var(--type-body-size);--type-compact-size:var(--type-body-compact-size);--type-line-height:var(--type-body-line-height);--type-weight:var(--type-body-weight);--type-tracking:var(--type-body-tracking);--type-family:var(--type-body-family)}[data-text=body-small]{--type-size:var(--type-body-small-size);--type-compact-size:var(--type-body-small-compact-size);--type-line-height:var(--type-body-small-line-height);--type-weight:var(--type-body-small-weight);--type-tracking:var(--type-body-small-tracking);--type-family:var(--type-body-small-family)}[data-text=label]{--type-size:var(--type-label-size);--type-compact-size:var(--type-label-compact-size);--type-line-height:var(--type-label-line-height);--type-weight:var(--type-label-weight);--type-tracking:var(--type-label-tracking);--type-family:var(--type-label-family)}[data-text=label-small]{--type-size:var(--type-label-small-size);--type-compact-size:var(--type-label-small-compact-size);--type-line-height:var(--type-label-small-line-height);--type-weight:var(--type-label-small-weight);--type-tracking:var(--type-label-small-tracking);--type-family:var(--type-label-small-family)}[data-text=caption]{--type-size:var(--type-caption-size);--type-compact-size:var(--type-caption-compact-size);--type-line-height:var(--type-caption-line-height);--type-weight:var(--type-caption-weight);--type-tracking:var(--type-caption-tracking);--type-family:var(--type-caption-family)}[data-text=eyebrow]{--type-size:var(--type-eyebrow-size);--type-compact-size:var(--type-eyebrow-compact-size);--type-line-height:var(--type-eyebrow-line-height);--type-weight:var(--type-eyebrow-weight);--type-tracking:var(--type-eyebrow-tracking);--type-family:var(--type-eyebrow-family)}[data-text=navigation]{--type-size:var(--type-navigation-size);--type-compact-size:var(--type-navigation-compact-size);--type-line-height:var(--type-navigation-line-height);--type-weight:var(--type-navigation-weight);--type-tracking:var(--type-navigation-tracking);--type-family:var(--type-navigation-family)}[data-text=numeric]{--type-size:var(--type-numeric-size);--type-compact-size:var(--type-numeric-compact-size);--type-line-height:var(--type-numeric-line-height);--type-weight:var(--type-numeric-weight);--type-tracking:var(--type-numeric-tracking);--type-family:var(--type-numeric-family)}[data-text=code]{--type-size:var(--type-code-size);--type-compact-size:var(--type-code-compact-size);--type-line-height:var(--type-code-line-height);--type-weight:var(--type-code-weight);--type-tracking:var(--type-code-tracking);--type-family:var(--type-code-family)}[data-text=brand]{--type-size:var(--type-brand-size);--type-compact-size:var(--type-brand-compact-size);--type-line-height:var(--type-brand-line-height);--type-weight:var(--type-brand-weight);--type-tracking:var(--type-brand-tracking);--type-family:var(--type-brand-family)}[data-text][data-tone=primary]{color:var(--text-primary)}[data-text][data-tone=secondary]{color:var(--text-secondary)}[data-text][data-tone=subtle]{color:var(--text-subtle)}[data-text][data-tone=accent]{color:var(--text-accent)}[data-text][data-tone=warm]{color:var(--text-warm)}[data-text][data-tone=inverse]{color:var(--text-inverse)}[data-text][data-tone=danger]{color:var(--text-danger)}[data-text][data-tone=success]{color:var(--text-success)}[data-text][data-tone=warning]{color:var(--text-warning)}[data-text][data-tone=disabled]{color:var(--text-disabled)}[data-text=eyebrow]{text-transform:uppercase}[data-text=numeric]{font-variant-numeric:tabular-nums}.is-mobile [data-text]:not([data-text=inherit]){font-size:var(--type-compact-size)}@media (max-width:760px){[data-text]:not([data-text=inherit]){font-size:var(--type-compact-size)}}@font-face{font-family:Google Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/google-sans/medium.ttf) format("truetype")}.auth-google{font-family:var(--brand-google-font-family);font-size:var(--brand-google-font-size);font-weight:var(--brand-google-font-weight);line-height:var(--brand-google-line-height);letter-spacing:var(--brand-google-tracking)}[data-text]{min-width:0}:where(p[data-text],h1[data-text],h2[data-text],h3[data-text],h4[data-text]){margin-top:0}[data-text=display],[data-text=page-title],[data-text=question],[data-text=section-title]{text-wrap:pretty}.typography-catalog{margin-block:var(--space-32)}.typography-catalog-header{display:flex;align-items:start;justify-content:space-between;gap:var(--space-24);margin-bottom:var(--space-24)}.typography-catalog-header>div:first-child{max-width:var(--type-measure)}.typography-mode{display:flex;gap:var(--space-8)}.typography-mode button{min-height:var(--size-44);padding:var(--space-8) var(--space-16);border:var(--size-1) solid var(--control-border);border-radius:var(--control-radius);background:var(--control-bg);cursor:pointer}.typography-mode button[aria-pressed=true]{border-color:var(--selected-edge);background:var(--selected-surface)}.typography-role-list{border:var(--size-1) solid var(--border-default);border-radius:var(--radius-12);overflow:hidden}.typography-role{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);gap:var(--space-24);align-items:center;padding:var(--space-24);border-bottom:var(--size-1) solid var(--border-default)}.typography-role:last-child{border-bottom:0}.typography-role-description{display:grid;gap:var(--space-8)}.typography-role-description p{margin:0}.typography-role-sample{min-width:0}.typography-guidance{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-24);margin-top:var(--space-24)}.typography-code{display:block;margin-top:var(--space-12);padding:var(--space-12);border-radius:var(--control-radius);background:var(--control-bg);white-space:pre-wrap}.foundation-grid{grid-template-columns:minmax(0,1fr)}.flow-free-input.ui-input,.inline-input.ui-input,.ui-input{height:auto;min-height:var(--control-height);padding-block:var(--type-input-padding)}.ui-input::placeholder{color:var(--text-placeholder)}.ui-search{height:auto;min-height:var(--control-height)}.ui-search .ui-input{height:auto;padding-block:var(--type-input-padding)}.delete-action,.flow-choice-list>button,.library-link,.library-primary,.player-top-actions button,.player-view-tabs button,.ui-button,.ui-filter-tabs button{height:auto;min-height:var(--type-control-min-height);white-space:normal;padding-block:var(--space-12)}.flow-choice-list>button{align-items:start}.flow-choice-list .radio-indicator{flex-shrink:0;margin-top:var(--space-1)}.density-compact .flow-voice-row,.flow-voice-row{height:auto;min-height:var(--size-78);padding-block:var(--space-8)}.flow-sound-select,.flow-sound-select>span,.flow-voice-select,.flow-voice-select>span:last-child{min-width:0}.flow-sound-card{height:auto}.flow-voice-list{align-content:start}.flow-timeline li{min-height:var(--step-row-height);grid-template-rows:var(--step-marker-row) var(--step-connector-height)}.flow-timeline li>i{height:var(--step-connector-height)}.flow-timeline li>span{width:var(--step-label-width);margin-left:var(--step-summary-gap)}.flow-timeline li>span>[data-text]{display:block}.flow-heading>p{max-width:var(--type-measure)}.track-row{min-height:var(--size-76);height:auto;align-items:start}.track-row>div{min-width:0}.track-row time{white-space:nowrap}.prototype-theme-copy>[data-text]{min-width:0}.prototype-theme-copy{min-height:var(--size-128);grid-template-rows:auto var(--size-24) auto}.prototype-theme-copy>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prototype-theme-copy small{gap:var(--space-12)}.prototype-theme-copy small svg{flex-shrink:0}.library-screen{height:auto;overflow:visible;padding-bottom:var(--size-132)}.standalone-preview.is-desktop .library-screen{height:auto;min-height:var(--size-100dvh)}.library-heading,.library-heading-actions,.library-section-title,.playlist-toolbar{flex-wrap:wrap}.library-heading-actions{max-width:100%}.library-search{width:min(var(--size-300),100%)}.player-track small,.playlist-copy em,.playlist-copy small{white-space:normal;overflow:visible;text-overflow:clip}.creation-grid>div{min-height:var(--size-76);height:auto}.creation-grid p{padding-block:var(--space-8);min-width:0}.track-table>button{height:auto;min-height:var(--size-68);padding-block:var(--space-12)}.player-track strong,.track-table strong{white-space:normal;overflow:visible;text-overflow:clip}.library-player{min-height:var(--size-88);height:auto;padding-block:var(--space-16)}.player-time{white-space:nowrap}.account-popover{width:min(var(--size-300),calc(var(--size-100vw) - var(--space-24)))}.account-logout,.account-menu-links button,.account-minutes button{height:auto;min-height:var(--size-44);padding-block:var(--space-10)}.live-prototype:not(.is-mobile) .prototype-sidebar nav button{height:auto;min-height:var(--sidebar-item-height);padding-block:var(--space-12)}.expanded-player,.standalone-preview.is-desktop .expanded-player{height:auto;grid-template-rows:auto minmax(var(--type-player-stage-min-height),1fr) auto;overflow:visible;padding-bottom:0}.expanded-player-topbar{padding-block:var(--space-12)}.expanded-player>.library-player{height:auto;bottom:auto}.player-panel{overflow-y:auto;max-height:var(--type-panel-max-height)}.typography-mode button:disabled{opacity:var(--type-mode-disabled-opacity);cursor:default}.component-preview[data-kind=sidebar] .specimen-surface.is-mobile{width:min(var(--size-390),100%);min-width:0}.component-preview[data-kind=sidebar] .is-mobile .prototype-sidebar{height:auto}@media (max-width:760px){.typography-catalog-header{flex-direction:column}.typography-guidance,.typography-role{grid-template-columns:minmax(0,1fr)}.typography-role{padding:var(--space-18)}.component-preview .specimen-surface,.component-preview .specimen-surface.is-mobile{max-width:100%;min-width:0}.foundation-grid,.two-column,.type-row{grid-template-columns:minmax(0,1fr)}.radius-examples,.spacing-scale,.topbar{flex-wrap:wrap}.topbar{height:auto;min-height:var(--size-64);padding-block:var(--space-12);gap:var(--space-12)}}.library-primary:active,.ui-button--primary:active:not(:disabled){background:var(--action-primary-pressed)}.library-primary:hover{background:var(--action-primary-hover-background)}.library-primary:focus-visible,.ui-button:focus-visible,.ui-checkbox:focus-visible,.ui-filter-tabs button:focus-visible,.ui-input:focus-visible,.ui-switch-row:focus-visible{outline:var(--size-2) solid var(--focus-ring);outline-offset:var(--space-3)}.ui-search:focus-within{outline:var(--size-2) solid var(--focus-ring);outline-offset:var(--space-3);box-shadow:var(--shadow-none)}.ui-search .ui-input:focus-visible{outline:none;box-shadow:var(--shadow-none)}.ui-button:disabled,.ui-checkbox:disabled [data-text],.ui-switch-row:disabled [data-text]{color:var(--text-disabled)}.ui-button:disabled{background:var(--surface-disabled);border-color:var(--border-subtle);box-shadow:var(--shadow-none)}.ui-status--warning{background:var(--status-warning-bg);color:var(--status-warning-fg);border-color:var(--status-warning-border)}.ui-status--danger{background:var(--status-danger-bg);color:var(--status-danger-fg);border-color:var(--status-danger-border)}.ui-status svg{flex:none}.ui-filter-tabs button.active{border-width:var(--size-2)}.player-view-tabs button.active{box-shadow:inset 0 var(--size-negative-3) var(--action-primary-fg)}.color-catalog{margin-block:var(--space-32);scroll-margin-top:var(--size-96)}.color-catalog>p{max-width:var(--type-measure)}.color-catalog a{color:var(--action-link);text-decoration:underline;text-underline-offset:var(--space-3)}.color-catalog-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:var(--space-16);margin-block:var(--space-24)}.color-group-label{display:grid;gap:var(--space-8)}.color-palette-group{margin-block:var(--space-24)}.color-palette-group>h4{margin-bottom:var(--space-12)}.color-palette-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-12)}.color-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-16)}.color-swatch{min-width:0;border:var(--size-1) solid var(--border-default);border-radius:var(--radius-12);overflow:hidden;background:var(--surface-raised)}.color-swatch-paint{height:var(--size-76);border-bottom:var(--size-1) solid var(--border-default)}.color-swatch-copy{display:grid;gap:var(--space-12);padding:var(--space-16)}.color-swatch-copy p{margin:0}.color-swatch-copy .ui-button{justify-self:start}.color-value{white-space:pre-wrap;max-height:var(--size-132);overflow-y:auto}.color-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-24);margin-block:var(--space-24)}.color-action-row{display:flex;flex-wrap:wrap;gap:var(--space-12);margin-block:var(--space-18)}.color-example-grid .ui-field{margin-top:var(--space-18)}.color-status-list{display:flex;flex-wrap:wrap;gap:var(--space-12);margin-block:var(--space-18)}.color-contrast-details{border:var(--size-1) solid var(--border-default);border-radius:var(--radius-12);padding:var(--space-18);margin-block:var(--space-24)}.color-contrast-details summary{cursor:pointer}.color-contrast-details>p{margin-top:var(--space-18)}.color-contrast-pair{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-12);padding-block:var(--space-12);border-top:var(--size-1) solid var(--border-subtle)}.color-contrast-pair [data-text=numeric]{display:inline-flex;align-items:center;gap:var(--space-4)}@media (max-width:1100px){.color-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.color-palette-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.color-catalog-controls,.color-example-grid,.color-role-grid{grid-template-columns:minmax(0,1fr)}.color-palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.armonica-icon{width:var(--icon-size);height:var(--icon-size);stroke-width:var(--icon-stroke-width);flex-shrink:0}.ui-icon-action{display:inline-grid;place-items:center;flex:none;width:var(--button-icon-size,var(--size-44));height:var(--button-icon-size,var(--size-44));min-width:var(--button-icon-size,var(--size-44));min-height:var(--button-icon-size,var(--size-44));padding:var(--space-8);border:0;border-radius:var(--button-radius,var(--control-radius));background:transparent;color:var(--text-secondary);cursor:pointer;transition:var(--motion-2)}.ui-icon-action:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.ui-icon-action[aria-pressed=true]{background:var(--selection-background);color:var(--text-accent)}.ui-icon-action--danger{color:var(--text-danger)}.ui-icon-action--compact{width:var(--button-icon-size-compact,var(--size-40));height:var(--button-icon-size-compact,var(--size-40));min-width:var(--button-icon-size-compact,var(--size-40));min-height:var(--button-icon-size-compact,var(--size-40))}.ui-icon-action:disabled{color:var(--text-disabled);cursor:not-allowed;opacity:var(--opacity-_62)}.ui-menu-action--danger{color:var(--text-danger)}.ui-text-action--accent{color:var(--text-accent)}.ui-text-action--danger{color:var(--text-danger)}.ui-toggle-action{display:inline-flex;align-items:center;justify-content:center;gap:var(--button-gap,var(--space-8));min-width:0;min-height:var(--button-height-compact,var(--size-40));padding:0 var(--button-padding-inline-compact,var(--space-15));border:var(--size-1) solid transparent;border-radius:var(--button-radius,var(--control-radius));background:transparent;color:var(--text-secondary);white-space:nowrap;cursor:pointer;transition:var(--motion-2)}.ui-toggle-action>svg{flex:none}.ui-toggle-action:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.ui-toggle-action[aria-pressed=true]{border-color:var(--border-selected);background:var(--selection-background);color:var(--text-accent)}.ui-toggle-action[aria-pressed=true]:hover:not(:disabled){background:var(--surface-selected);color:var(--text-accent)}.ui-toggle-action:disabled{color:var(--text-disabled);cursor:not-allowed;opacity:var(--opacity-_62)}:where(button,a,input,select,textarea,summary):focus-visible{outline:var(--size-2) solid var(--focus-ring);outline-offset:var(--space-3)}:where(h1,h2)[tabindex="-1"]:focus{outline:none}.ui-search{position:relative}.ui-search .search-clear{margin-right:var(--space-4)}.ui-search input::-webkit-search-cancel-button{display:none}.ui-filter-tabs{flex-wrap:wrap;gap:var(--space-8)}.ui-filter-tabs button{min-width:0;border-color:transparent;background:var(--surface-raised);padding-inline:var(--space-18);box-shadow:var(--shadow-none)}.ui-filter-tabs button.active{border-width:var(--size-1);border-color:var(--selection-indicator);background:var(--selection-bg)}.ui-filter-tabs button:hover{background:var(--surface-hover)}.flow-choice-list>button.selected,.flow-sound-card.selected,.flow-voice-row.selected,.ui-button--primary,.ui-button--primary:hover:not(:disabled),.ui-preview-button{box-shadow:var(--shadow-none)}.ui-empty-state{display:grid;justify-items:start;gap:var(--space-12);padding:var(--space-32);border-block:var(--size-1) solid var(--border-subtle)}.ui-empty-state>*{margin:0}.ui-empty-state>svg{color:var(--icon-secondary)}.ui-feedback{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-12);padding:var(--space-12) var(--space-18);margin-block:var(--space-16);border:var(--size-1) solid var(--border-default);border-radius:var(--radius-8);background:var(--surface-overlay)}.ui-feedback>p{flex:1;margin:0}.ui-feedback .ui-button{min-height:var(--size-44)}.ui-modal{position:fixed;inset:0;width:min(var(--dialog-max-width),calc(100% - var(--space-32)));max-height:calc(var(--size-100dvh) - var(--space-32));margin:auto;padding:var(--space-28);border:var(--size-1) solid var(--border-default);border-radius:var(--radius-12);background:var(--gradient-menu);color:var(--text-primary);box-shadow:var(--shadow-modal),inset 0 var(--size-1) var(--border-subtle);overflow-y:auto}.ui-modal::backdrop{background:var(--scrim-modal)}.ui-modal>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:var(--space-14)}.dialog-icon{display:grid;place-items:center;width:var(--size-44);height:var(--size-44);border:var(--size-1) solid var(--border-default);border-radius:var(--radius-8);background:var(--selection-bg);color:var(--text-accent)}.dialog-heading{display:grid;gap:var(--space-6);min-width:0;padding-top:var(--space-2)}.dialog-heading>*{margin:0}.dialog-close{margin:calc(var(--space-6) * -1) calc(var(--space-6) * -1) 0 0}.dialog-actions,.ui-modal .ui-field{margin-top:var(--space-24)}.dialog-actions{display:flex;justify-content:end;gap:var(--space-12)}.destination-list{display:grid;gap:var(--space-8);margin-top:var(--space-20)}.playlist-destination{display:grid;grid-template-columns:var(--size-52) minmax(0,1fr) var(--size-44);align-items:center;gap:var(--space-12);width:100%;min-height:var(--size-68);padding:var(--space-8);border:var(--size-1) solid transparent;border-radius:var(--radius-8);background:transparent;color:var(--text-primary);text-align:start;cursor:pointer}.playlist-destination:focus-visible,.playlist-destination:hover{border-color:var(--border-default);background:var(--surface-hover)}.playlist-destination:disabled{cursor:default;opacity:.66}.playlist-destination-art{width:var(--size-52);height:var(--size-52);border-radius:var(--radius-6);background:var(--scene-image) center /cover no-repeat}.playlist-destination-copy{display:grid;gap:var(--space-4);min-width:0}.playlist-destination-copy>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-destination-status{display:grid;place-items:center;color:var(--text-accent)}.dialog-footer-action{display:flex;justify-content:flex-end;margin-top:var(--space-16)}.dialog-warning{display:flex;align-items:flex-start;gap:var(--space-12);margin-top:var(--space-20);padding:var(--space-14);border:var(--size-1) solid var(--border-subtle);border-radius:var(--radius-8);background:var(--surface-raised);color:var(--text-secondary)}.dialog-warning p{margin:0}.dialog-warning>svg{flex:none;margin-top:var(--space-2)}.dialog-warning.is-danger{border-color:color-mix(in srgb,var(--text-danger) 38%,transparent);color:var(--text-danger);background:color-mix(in srgb,var(--text-danger) 8%,var(--surface-raised))}.library-heading-actions{align-items:center}.library-heading-actions .ui-search{flex:1}.library-home .latest-track{height:auto;min-height:var(--size-160);grid-template-columns:var(--size-160) minmax(0,1fr) auto;padding:var(--space-20);gap:var(--space-24);background:var(--surface-raised);border:0}.library-home .latest-art{position:static;width:var(--size-132);height:var(--size-132);border-radius:var(--radius-8);background-size:300% 200%}.library-home .latest-track:after{display:none}.library-home .latest-copy{position:static;padding:0}.library-home .latest-track>time{position:static}.playlist-card{border:0;background:transparent}.playlist-art{border-radius:var(--radius-8)}.playlist-copy{padding-inline:0}.creation-grid>div{flex-wrap:wrap;padding-right:var(--space-12)}.creation-grid .ui-button{width:auto}.playlist-toolbar{min-height:var(--size-76);gap:var(--space-12);padding-block:var(--space-16)}.playlist-toolbar.is-selecting{background:var(--surface-overlay)}.playlist-toolbar .selected-count{margin:0;padding:0;border:0}.playlist-toolbar .remove-tracks{color:var(--text-danger)}.track-table>button{border-bottom-color:var(--border-subtle)}.track-table>button.is-playing,.track-table>button.selected{border-radius:var(--radius-8);background:var(--surface-selected)}.track-table>button>svg{justify-self:center;color:var(--icon-secondary)}.track-table>button:focus-visible{outline-offset:var(--size-negative-2)}.track-head{grid-template-columns:var(--size-28) minmax(0,1fr) auto}.player-controls button,.player-icon{min-width:var(--size-44);min-height:var(--size-44);border-radius:var(--radius-8)}.player-mode-toggle{display:grid;place-items:center;padding:0}.player-mode-toggle .armonica-icon{width:var(--size-20);height:var(--size-20)}.player-icon[aria-pressed=true]{color:var(--text-accent);background:var(--selection-bg);box-shadow:var(--shadow-nav-marker-mobile)}.player-seek-input{position:absolute;width:100%;height:var(--size-44);left:0;top:calc(var(--size-22) * -1);opacity:0;margin:0;cursor:pointer}.player-seek-input:focus,.player-seek-input:focus-visible{outline:none;box-shadow:none}.player-progress:focus-within{outline:none}.player-progress:focus-within i:after{box-shadow:0 0 0 var(--size-3) color-mix(in srgb,var(--accent-primary) 24%,transparent)}.player-volume{display:flex;align-items:center;gap:var(--space-8)}.ui-range{width:var(--player-volume-width);min-height:var(--size-44);accent-color:var(--accent-primary);cursor:pointer}.expanded-player>.library-player,.library-player{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:var(--space-16)}.player-actions,.player-transport{display:flex;align-items:center;gap:var(--space-8);min-width:0}.player-transport{justify-content:center}.player-actions{justify-content:flex-end}.player-track small,.player-track strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.player-experience{min-width:0}.expanded-player>.library-player .player-icon{display:grid}.prototype-stage .ui-feedback{margin-inline:var(--space-24)}.prototype-stage .library-home .ui-feedback{margin-inline:0}.sidebar-navigation{display:contents}.account-label,.mobile-selected-detail,.player-context{display:none}.library-heading{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:var(--space-20)}.library-heading-copy{grid-column:1}.library-create-action{grid-column:3;grid-row:1}.library-heading>.library-search{grid-column:2;grid-row:1}.expanded-player-topbar{grid-template-columns:minmax(0,1fr) auto auto auto;gap:var(--space-12)}.session-status-card{display:grid;grid-template-columns:var(--size-52) minmax(0,1fr) auto;align-items:start;gap:var(--space-12);padding:var(--space-12);border:var(--size-1) solid var(--border-default);border-radius:var(--radius-8);background:var(--surface-raised);min-width:0}.session-status-card .creation-art{width:var(--size-52);height:var(--size-52);border-radius:var(--radius-6)}.session-status-open{grid-column:1/3;display:grid;grid-template-columns:var(--size-52) minmax(0,1fr);align-items:start;gap:var(--space-12);min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:start;cursor:pointer}.session-status-open:disabled{cursor:default}.session-status-copy{display:grid;gap:var(--space-6);min-width:0}.session-failed-label{display:inline-flex;align-items:center;gap:var(--space-6);white-space:nowrap}.session-failed-label svg{flex:none}.session-status-copy .ui-status{justify-self:start}.session-status-copy>p{margin:0;padding:0}.session-status-dismiss{grid-column:3;grid-row:1}.session-status-actions{grid-column:1/-1;grid-row:2;display:flex;align-items:center;justify-content:flex-start;gap:var(--space-8);min-width:0;padding-left:calc(var(--size-52) + var(--space-12))}.session-status-actions .ui-button{min-height:var(--size-44);padding-inline:var(--space-12);white-space:nowrap}.session-status-actions .session-status-delete{color:var(--text-danger)}.session-status-card.is-openable{transition:border-color var(--motion-duration-feedback) ease,background-color var(--motion-duration-feedback) ease}.session-status-card.is-openable:focus-within,.session-status-card.is-openable:hover{border-color:var(--selection-indicator);background:var(--surface-hover)}.session-status-open:focus-visible{outline:var(--size-2) solid var(--focus-ring);outline-offset:var(--space-3);border-radius:var(--radius-6)}.collection-heading{display:grid;gap:var(--space-12);margin-bottom:var(--space-24)}.collection-heading h1,.collection-heading p{margin:0}.collection-back{justify-self:start;margin-bottom:var(--space-4);padding:0}.collection-back,.live-prototype .ui-text-action{display:inline-flex;align-items:center;gap:var(--space-8);min-height:var(--size-44);color:var(--text-secondary);background:transparent;border:0;cursor:pointer}.live-prototype .ui-text-action{width:max-content;height:auto;justify-content:center;padding:var(--space-6) var(--space-4);border-radius:var(--radius-5);transition:color var(--motion-duration-feedback) ease}.live-prototype .ui-text-action:hover{color:var(--text-primary);background:transparent}.live-prototype .ui-text-action:focus-visible{outline:var(--size-2) solid var(--focus-ring);outline-offset:var(--space-3)}.live-prototype .ui-text-action svg{flex:none;width:var(--size-18);height:var(--size-18);transition:transform var(--duration-180) ease}.live-prototype .ui-text-action--start:hover svg{transform:translateX(var(--size-negative-2))}.live-prototype .ui-text-action--end:hover svg{transform:translateX(var(--size-2))}.live-prototype :is(.playlist-hero,.detail-screen,.single-screen) .ui-text-action{color:var(--text-primary)}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);margin:var(--space-20) 0}.collection-search{width:100%;max-width:var(--size-720);margin-bottom:var(--space-20)}.collection-count{margin:var(--space-20) 0}.generation-list{display:grid;gap:var(--space-12);max-width:var(--size-720)}.collection-create-session{margin-top:var(--space-20)}.collection-specimen{display:grid;gap:var(--space-20);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.explore-screen{position:relative;isolation:isolate}.explore-architecture{position:absolute;top:0;right:0;width:min(100%,var(--explore-art-width));height:var(--explore-art-height);background:url(/prototype/explore-architecture.webp) 100% 0/cover no-repeat;opacity:var(--explore-art-opacity);mask-image:var(--explore-art-mask);pointer-events:none;z-index:-1}.collection-index{padding:var(--space-38) var(--space-34) var(--space-100);background:var(--gradient-library-atmosphere)}.library-section-title{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12)}.playlist-art{height:auto;aspect-ratio:var(--theme-card-aspect)}