.access-guard{color:#fff;background:radial-gradient(circle at 0 0,#7f5af047,#0000 34%),radial-gradient(circle at 100% 100%,#2cb67d24,#0000 30%),#0f1016;place-items:center;width:100%;min-height:100%;padding:32px;display:grid}.access-guard__card{background:#181a23f0;border:1px solid #ffffff1a;border-radius:28px;width:min(460px,100%);padding:34px;box-shadow:0 28px 80px #00000059}.access-guard__eyebrow{color:#9f8cff;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:900}.access-guard h1{letter-spacing:-.04em;margin:0;font-size:30px;line-height:1.1}.access-guard p{color:#ffffffa3;margin:14px 0 0;font-size:15px;line-height:1.6}.access-guard__form{flex-direction:column;gap:10px;margin-top:28px;display:flex}.access-guard__form label{color:#ffffffb8;font-size:13px;font-weight:900}.access-guard__form input{color:#fff;background:#11131b;border:1px solid #ffffff1f;border-radius:14px;outline:0;width:100%;height:48px;padding:0 14px}.access-guard__form input:focus{border-color:#9f8cffeb;box-shadow:0 0 0 4px #7f5af038}.access-guard__form button{color:#fff;background:#7f5af0;border:0;border-radius:14px;height:48px;margin-top:8px;font-weight:900}.access-guard__form button:hover{background:#9275ff}.access-guard__error{color:#ffb4b4;background:#ff5c5c1f;border:1px solid #ff5c5c59;border-radius:12px;padding:10px 12px;font-size:13px;font-weight:800}.alpha-signup-modal{z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#06070cb3;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.alpha-signup-modal__panel{color:#fff;background:radial-gradient(circle at 0 0,#7f5af047,#0000 32%),linear-gradient(145deg,#191c2afa,#0e1019fa);border:1px solid #ffffff24;border-radius:28px;width:min(100%,520px);padding:34px;position:relative;box-shadow:0 32px 90px #00000073}.alpha-signup-modal__close{color:#ffffffd1;background:#ffffff1a;border:0;border-radius:999px;place-items:center;width:34px;height:34px;font-size:24px;line-height:1;display:grid;position:absolute;top:18px;right:18px}.alpha-signup-modal__close:hover{color:#fff;background:#ffffff2e}.alpha-signup-modal__eyebrow{color:#f4d35e;letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px;font-size:13px;font-weight:900}.alpha-signup-modal h2{letter-spacing:-.05em;margin:0 0 12px;font-size:clamp(30px,6vw,44px);line-height:.98}.alpha-signup-modal p{color:#ffffffb8;margin:0;line-height:1.6}.alpha-signup-modal__no-spam{font-weight:800;color:#ffffffe0!important;margin-top:14px!important}.alpha-signup-modal__form{gap:10px;margin-top:24px;display:grid}.alpha-signup-modal__form label{color:#ffffffd1;font-size:13px;font-weight:800}.alpha-signup-modal__input-row{grid-template-columns:1fr auto;gap:10px;display:grid}.alpha-signup-modal__input-row input{color:#fff;background:#ffffff17;border:1px solid #ffffff29;border-radius:16px;outline:none;min-width:0;min-height:50px;padding:0 16px}.alpha-signup-modal__input-row input:focus{border-color:#f4d35ead;box-shadow:0 0 0 4px #f4d35e1f}.alpha-signup-modal__input-row button{color:#151827;background:#fff;border:0;border-radius:16px;min-height:50px;padding:0 20px;font-weight:900}.alpha-signup-modal__input-row button:disabled{cursor:progress;opacity:.72}.alpha-signup-modal__message{border-radius:14px;margin-top:16px;padding:12px 14px;font-weight:800}.alpha-signup-modal__message--success{color:#8bf0c0;background:#2cb67d2e}.alpha-signup-modal__message--error{color:#ffb4b4;background:#ff585829}.alpha-signup-modal__privacy{font-size:13px;margin-top:16px!important}@media (width<=620px){.alpha-signup-modal__panel{padding:28px 20px}.alpha-signup-modal__input-row{grid-template-columns:1fr}}.landing-page{--landing-color-bg:#0b1020;--landing-color-bg-soft:#111832;--landing-color-surface:#ffffff14;--landing-color-surface-strong:#ffffff21;--landing-color-border:#ffffff24;--landing-color-text:#f8fbff;--landing-color-muted:#b8c2d8;--landing-color-primary:#8b5cf6;--landing-color-primary-strong:#7c3aed;--landing-color-green:#2dd4bf;--landing-color-yellow:#f7d774;--landing-color-blue:#60a5fa;--landing-shadow-large:0 30px 90px #00000059;--landing-radius-large:30px;--landing-radius-medium:20px;background:radial-gradient(circle at top left, #8b5cf657, transparent 34rem), radial-gradient(circle at 80% 10%, #2dd4bf2e, transparent 30rem), var(--landing-color-bg);min-height:100%;color:var(--landing-color-text);overflow-x:hidden}.landing-page a{color:inherit;text-decoration:none}.landing-page h1,.landing-page h2,.landing-page h3,.landing-page p{margin-top:0}.landing-page__site-header{z-index:10;border-bottom:1px solid var(--landing-color-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b1020c7;justify-content:space-between;align-items:center;gap:1.5rem;padding:1rem clamp(1rem,4vw,4rem);display:flex;position:sticky;top:0}.landing-page__brand{letter-spacing:-.04em;align-items:center;gap:.7rem;font-weight:800;display:inline-flex}.landing-page__brand-mark{background:linear-gradient(135deg, var(--landing-color-primary), var(--landing-color-green));color:#fff;border-radius:.75rem;place-items:center;width:2.1rem;height:2.1rem;display:inline-grid}.landing-page__nav{color:var(--landing-color-muted);align-items:center;gap:1.5rem;font-size:.95rem;font-weight:600;display:flex}.landing-page__nav a:hover{color:var(--landing-color-text)}.landing-page__header-cta,.landing-page__primary-button,.landing-page__secondary-button{border:0;border-radius:999px;justify-content:center;align-items:center;min-height:2.75rem;font-weight:800;transition:transform .16s,border-color .16s,background .16s;display:inline-flex}.landing-page__header-cta,.landing-page__primary-button{background:var(--landing-color-text);color:#101525;padding:.8rem 1.2rem}.landing-page__secondary-button{border:1px solid var(--landing-color-border);color:var(--landing-color-text);background:#ffffff0f;padding:.8rem 1.15rem}.landing-page__header-cta:hover,.landing-page__primary-button:hover,.landing-page__secondary-button:hover{transform:translateY(-2px)}.landing-page__section-shell{width:min(1120px,100% - 2rem);margin:0 auto}.landing-page__hero{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:clamp(2rem,5vw,4rem);padding:clamp(5rem,10vw,8rem) 0 4rem;display:grid}.landing-page__eyebrow{color:var(--landing-color-green);letter-spacing:.11em;text-transform:uppercase;margin:0 0 1rem;font-size:.82rem;font-weight:800}.landing-page__hero h1{letter-spacing:-.08em;max-width:760px;margin-bottom:1.3rem;font-size:clamp(3.5rem,8vw,7rem);line-height:.9}.landing-page__section-heading h2,.landing-page__split-section h2,.landing-page__assistant-card h2,.landing-page__alpha-panel h2{letter-spacing:-.06em;margin-bottom:1rem;font-size:clamp(2rem,4vw,3.2rem);line-height:1}.landing-page__hero-text,.landing-page__section-heading p,.landing-page__split-section p,.landing-page__assistant-card p,.landing-page__alpha-panel p{color:var(--landing-color-muted);font-size:1.08rem;line-height:1.7}.landing-page__hero-actions{flex-wrap:wrap;gap:.9rem;margin:2rem 0 1rem;display:flex}.landing-page__hero-actions--centered{justify-content:center}.landing-page__alpha-note{color:#d9e2f5;font-size:.95rem}.landing-page__hero-card,.landing-page__builder-board,.landing-page__step-card,.landing-page__assistant-card,.landing-page__alpha-panel{border:1px solid var(--landing-color-border);background:linear-gradient(145deg, var(--landing-color-surface-strong), #ffffff0a);box-shadow:var(--landing-shadow-large);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.landing-page__hero-card{border-radius:var(--landing-radius-large);min-height:420px;overflow:hidden}.landing-page__mini-toolbar{border-bottom:1px solid var(--landing-color-border);gap:.45rem;padding:1rem;display:flex}.landing-page__mini-toolbar span{background:#ffffff59;border-radius:999px;width:.7rem;height:.7rem}.landing-page__timeline-preview{gap:1rem;padding:2rem 1.3rem;display:grid}.landing-page__track-row{background:#0000002e;border-radius:1rem;grid-template-columns:72px repeat(4,minmax(42px,1fr));align-items:center;gap:.55rem;min-height:4rem;padding:.7rem;display:grid}.landing-page__track-name{color:var(--landing-color-muted);font-size:.78rem;font-weight:800}.landing-page__block{color:#091021;border-radius:.8rem;justify-content:center;align-items:center;height:2.6rem;font-size:.82rem;font-weight:800;display:inline-flex}.landing-page__block--wide{grid-column:span 2}.landing-page__block--small{border-radius:999px;height:1.2rem}.landing-page__block--purple{background:#c4b5fd}.landing-page__block--green{background:var(--landing-color-green)}.landing-page__block--yellow{background:var(--landing-color-yellow)}.landing-page__block--blue{background:var(--landing-color-blue)}.landing-page__builder-section,.landing-page__steps,.landing-page__split-section,.landing-page__assistant-section,.landing-page__alpha-section{padding:4.5rem 0}.landing-page__section-heading--centered{text-align:center;max-width:720px;margin:0 auto 2rem}.landing-page__builder-board{border-radius:var(--landing-radius-large);grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:1.4rem;padding:clamp(1rem,3vw,1.6rem);display:grid;position:relative;overflow:hidden}.landing-page__builder-board:before{content:"";filter:blur(26px);background:#60a5fa38;border-radius:999px;width:18rem;height:18rem;position:absolute;inset:-40% auto auto 18%}.landing-page__builder-playhead{z-index:1;background:linear-gradient(#0000,#f8fbff,#0000);border-radius:999px;width:2px;position:absolute;top:1.4rem;bottom:1.4rem;left:36%;box-shadow:0 0 26px #f8fbff80}.landing-page__builder-lanes{z-index:2;gap:.85rem;display:grid;position:relative}.landing-page__builder-lane{background:#0000002e;border:1px solid #ffffff1a;border-radius:1.1rem;grid-template-columns:72px repeat(4,minmax(48px,1fr));align-items:center;gap:.55rem;min-height:4.3rem;padding:.8rem;display:grid}.landing-page__builder-lane span{color:var(--landing-color-muted);font-size:.78rem;font-weight:900}.landing-page__builder-block{color:#091021;border-radius:.85rem;justify-content:center;align-items:center;min-height:2.6rem;font-size:.82rem;font-weight:900;display:inline-flex;box-shadow:0 14px 28px #0003}.landing-page__builder-block--wide{grid-column:span 2}.landing-page__builder-block--green{background:linear-gradient(135deg,#5eead4,#2dd4bf)}.landing-page__builder-block--purple{background:linear-gradient(135deg,#ddd6fe,#a78bfa)}.landing-page__builder-block--blue{background:linear-gradient(135deg,#bfdbfe,#60a5fa)}.landing-page__builder-chip-grid{z-index:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid;position:relative}.landing-page__builder-chip{color:#07101f;border:1px solid #ffffff24;border-radius:1.2rem;gap:.45rem;min-height:8rem;padding:1rem;transition:transform .18s,box-shadow .18s;display:grid}.landing-page__builder-chip:hover{transform:translateY(-4px)rotate(-1deg);box-shadow:0 22px 44px #0000003d}.landing-page__builder-chip span{opacity:.68;text-transform:uppercase;font-size:.78rem;font-weight:900}.landing-page__builder-chip strong{align-self:end;font-size:1.05rem;line-height:1.1}.landing-page__builder-chip--drums{background:linear-gradient(135deg,#5eead4,#ccfbf1)}.landing-page__builder-chip--chords{background:linear-gradient(135deg,#c4b5fd,#ede9fe)}.landing-page__builder-chip--bass{background:linear-gradient(135deg,#93c5fd,#dbeafe)}.landing-page__builder-chip--melody{background:linear-gradient(135deg,#fde68a,#fef3c7)}.landing-page__step-card p{color:var(--landing-color-muted);line-height:1.6}.landing-page__step-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.landing-page__step-card{border-radius:var(--landing-radius-medium);min-height:230px;padding:1.4rem;transition:transform .18s,border-color .18s;position:relative;overflow:hidden}.landing-page__step-card:before{opacity:.12;content:"";position:absolute;inset:0}.landing-page__step-card:hover{border-color:#ffffff47;transform:translateY(-4px)}.landing-page__step-card>*{position:relative}.landing-page__step-card--purple:before{background:linear-gradient(135deg,#8b5cf6,#0000)}.landing-page__step-card--green:before{background:linear-gradient(135deg,#2dd4bf,#0000)}.landing-page__step-card--yellow:before{background:linear-gradient(135deg,#f7d774,#0000)}.landing-page__step-number{color:var(--landing-color-green);margin-bottom:2rem;font-weight:900;display:inline-block}.landing-page__split-section{grid-template-columns:.9fr 1.1fr;align-items:start;gap:2rem;display:grid}.landing-page__audience-list{gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.landing-page__audience-list li{border:1px solid var(--landing-color-border);color:#dce5f7;background:#ffffff0f;border-radius:1rem;padding:1rem 1.1rem 1rem 3rem;font-weight:650;transition:transform .16s,background .16s;position:relative;overflow:hidden}.landing-page__audience-list li:before{background:linear-gradient(135deg, var(--landing-color-green), var(--landing-color-primary));content:"";border-radius:999px;width:.75rem;height:.75rem;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.landing-page__audience-list li:hover{background:#ffffff17;transform:translate(4px)}.landing-page__assistant-card,.landing-page__alpha-panel{border-radius:var(--landing-radius-large);text-align:center;max-width:860px;margin:0 auto;padding:clamp(2rem,5vw,4rem)}.landing-page__site-footer{border-top:1px solid var(--landing-color-border);color:var(--landing-color-muted);text-align:center;padding:2rem 1rem}.landing-page__site-footer p{margin:0}@media (width<=860px){.landing-page{background:radial-gradient(circle at 12% 0%, #8b5cf64d, transparent 22rem), radial-gradient(circle at 100% 6%, #2dd4bf26, transparent 18rem), var(--landing-color-bg)}.landing-page__nav{display:none}.landing-page__section-shell{width:min(100% - 1.5rem,680px)}.landing-page__hero,.landing-page__split-section{grid-template-columns:1fr}.landing-page__hero{gap:2rem;padding:4.5rem 0 2.75rem}.landing-page__hero-copy{max-width:640px}.landing-page__hero h1{max-width:11ch}.landing-page__hero-card{min-height:auto}.landing-page__builder-section,.landing-page__steps,.landing-page__split-section,.landing-page__assistant-section,.landing-page__alpha-section{padding:3.25rem 0}.landing-page__builder-board{grid-template-columns:1fr}.landing-page__builder-chip-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.landing-page__builder-chip{min-height:6.5rem}.landing-page__step-grid{grid-template-columns:1fr}.landing-page__step-card{min-height:auto}.landing-page__assistant-card,.landing-page__alpha-panel{text-align:left}.landing-page__hero-actions--centered{justify-content:flex-start}}@media (width<=680px){.landing-page__builder-chip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-page__builder-chip{min-height:6rem}}@media (width<=560px){.landing-page{--landing-radius-large:22px;--landing-radius-medium:18px;--landing-shadow-large:0 18px 48px #0000004d}.landing-page__site-header{padding:.8rem .85rem}.landing-page__brand{gap:.55rem;min-width:0}.landing-page__brand span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:10.5rem;overflow:hidden}.landing-page__brand-mark{border-radius:.65rem;flex:none;width:1.95rem;height:1.95rem}.landing-page__header-cta{display:none}.landing-page__section-shell{width:calc(100% - 1rem)}.landing-page__hero{gap:1.4rem;padding-top:3.25rem;padding-bottom:2.25rem}.landing-page__eyebrow{letter-spacing:.09em;margin-bottom:.8rem;font-size:.72rem}.landing-page__hero h1{letter-spacing:-.075em;max-width:10ch;margin-bottom:1rem;font-size:clamp(2.85rem,15vw,4rem);line-height:.92}.landing-page__section-heading h2,.landing-page__split-section h2,.landing-page__assistant-card h2,.landing-page__alpha-panel h2{font-size:clamp(2rem,10vw,2.7rem);line-height:.98}.landing-page__hero-text,.landing-page__section-heading p,.landing-page__split-section p,.landing-page__assistant-card p,.landing-page__alpha-panel p{font-size:1rem;line-height:1.6}.landing-page__hero-actions{margin:1.4rem 0 .85rem}.landing-page__primary-button,.landing-page__secondary-button{width:100%;min-height:3rem}.landing-page__alpha-note{color:#d9e2f5;background:#2dd4bf14;border:1px solid #2dd4bf38;border-radius:1rem;padding:.72rem .85rem;font-size:.9rem;line-height:1.45;display:inline-flex}.landing-page__mini-toolbar{padding:.8rem}.landing-page__timeline-preview{gap:.72rem;padding:1rem .85rem 1.05rem}.landing-page__track-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;min-height:auto;padding:.68rem}.landing-page__track-name,.landing-page__builder-lane span{grid-column:1/-1;font-size:.72rem}.landing-page__block,.landing-page__builder-block{border-radius:.72rem;min-width:0;height:2.2rem;min-height:2.2rem;font-size:.72rem}.landing-page__block--small{height:.95rem;min-height:.95rem}.landing-page__builder-section,.landing-page__steps,.landing-page__split-section,.landing-page__assistant-section,.landing-page__alpha-section{padding:2.5rem 0}.landing-page__section-heading--centered{text-align:left;margin-bottom:1.25rem}.landing-page__builder-board{gap:1rem;padding:.8rem}.landing-page__builder-board:before{opacity:.8;width:14rem;height:14rem;inset:-8rem auto auto 35%}.landing-page__builder-playhead{opacity:.65;top:.8rem;bottom:.8rem;left:58%}.landing-page__builder-lanes{gap:.65rem}.landing-page__builder-lane{border-radius:.95rem;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;min-height:auto;padding:.7rem}.landing-page__builder-chip-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.landing-page__builder-chip{border-radius:1rem;min-height:5.6rem;padding:.85rem}.landing-page__builder-chip span{font-size:.68rem}.landing-page__builder-chip strong{font-size:.92rem}.landing-page__step-grid{gap:.8rem}.landing-page__step-card{padding:1.1rem}.landing-page__step-number{margin-bottom:1rem}.landing-page__audience-list li{padding:.9rem .95rem .9rem 2.65rem;font-size:.95rem;line-height:1.45}.landing-page__assistant-card,.landing-page__alpha-panel{padding:1.35rem}.landing-page__site-footer{padding:1.5rem 1rem;font-size:.85rem;line-height:1.45}}@media (width<=380px){.landing-page__hero h1{font-size:clamp(2.55rem,14vw,3.35rem)}.landing-page__builder-chip-grid{grid-template-columns:1fr}}.loading-spinner{color:currentColor;align-items:center;gap:10px;font-weight:900;line-height:1;display:inline-flex}.loading-spinner__ring{opacity:.9;border:2px solid;border-right-color:#0000;border-radius:999px;width:18px;height:18px;animation:.76s linear infinite loading-spinner-spin;display:inline-block}.loading-spinner--small{gap:7px;font-size:11px}.loading-spinner--small .loading-spinner__ring{border-width:2px;width:13px;height:13px}.loading-spinner--medium{font-size:13px}.loading-spinner--large{gap:14px;font-size:15px}.loading-spinner--large .loading-spinner__ring{border-width:3px;width:34px;height:34px}.loading-spinner--light{color:#ffffffe6}.loading-spinner--dark{color:#111827e6}.loading-spinner__label{white-space:nowrap}@keyframes loading-spinner-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loading-spinner__ring{animation-duration:1.8s}}.top-toolbar{z-index:20;background:var(--app-header-background);height:64px;color:var(--app-header-text);flex-shrink:0;grid-template-columns:minmax(180px,1fr) minmax(260px,auto) minmax(180px,1fr);align-items:center;padding:0 12px;display:grid;position:relative}.top-toolbar__left,.top-toolbar__right{align-items:center;gap:8px;display:flex}.top-toolbar__right{justify-content:flex-end}.top-toolbar__menu{position:relative}.top-toolbar__title{justify-content:center;align-items:center;gap:10px;min-width:0;max-width:620px;display:inline-flex}.top-toolbar__title-button{min-width:0;max-width:420px;color:inherit;cursor:text;font:inherit;text-align:center;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;font-size:15px;font-weight:800;overflow:hidden}.top-toolbar__title-input{border:1px solid var(--app-header-control-border);background:var(--app-header-control-background);width:min(420px,44vw);height:36px;color:var(--app-header-text);font:inherit;text-align:center;border-radius:10px;outline:none;font-size:15px;font-weight:800}.top-toolbar__title-input::selection{background:var(--app-header-control-background-hover)}.top-toolbar__save-status{background:var(--app-header-control-background);text-align:center;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:104px;min-height:24px;padding:4px 9px;font-size:12px;font-weight:800;line-height:1;display:inline-flex}.top-toolbar__save-status--error{background:var(--app-header-danger-background)}.top-toolbar__home-button,.top-toolbar__text-button,.top-toolbar__primary-button,.top-toolbar__dropdown button{font:inherit;cursor:pointer;border:0}.top-toolbar__home-button{background:var(--app-header-control-background);width:36px;height:36px;color:var(--app-header-text);border-radius:10px}.top-toolbar__text-button{min-height:36px;color:var(--app-header-text);background:0 0;border-radius:10px;padding:0 12px;font-weight:700}.top-toolbar__text-button:hover,.top-toolbar__home-button:hover{background:var(--app-header-control-background-hover)}.top-toolbar__primary-button{background:var(--app-header-primary-button-background);min-height:40px;color:var(--app-header-primary-button-text);border-radius:12px;padding:0 20px;font-weight:800}.top-toolbar__dropdown{border:1px solid var(--app-header-dropdown-border);background:var(--app-header-dropdown-background);border-radius:14px;min-width:190px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 18px 38px #0000005c}.top-toolbar__dropdown--right{left:auto;right:0}.top-toolbar__dropdown button{color:var(--app-header-text);text-align:left;background:0 0;border-radius:10px;padding:10px 12px;font-weight:700}.top-toolbar__dropdown button:hover{background:var(--app-header-control-background)}@media (width<=860px){.top-toolbar{grid-template-columns:auto 1fr auto}.top-toolbar__title{justify-content:flex-start}.top-toolbar__save-status{display:none}}.feedback-state{color:#fff;text-align:center;background:radial-gradient(circle at 0 0,#7f5af024,#0000 34%),#ffffff09;border:1px solid #ffffff17;border-radius:24px;justify-items:center;gap:12px;padding:32px;display:grid}.feedback-state--error{background:radial-gradient(circle at 0 0,#ef45652e,#0000 34%),#ffffff09}.feedback-state__icon{background:#ffffff14;border-radius:18px;place-items:center;width:54px;height:54px;font-size:26px;display:grid}.feedback-state__eyebrow{color:#9f8cff;letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:12px;font-weight:900}.feedback-state h2{letter-spacing:-.04em;margin:0;font-size:clamp(1.4rem,3vw,2rem)}.feedback-state p{color:#ffffffa8;max-width:580px;margin:0;font-size:14px;line-height:1.65}.feedback-state__actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px;display:flex}.feedback-state__button,.inline-status__action{cursor:pointer;font:inherit;border:0;border-radius:999px;font-weight:900}.feedback-state__button{min-height:42px;padding:0 18px}.feedback-state__button--primary{color:#fff;background:#7f5af0}.feedback-state__button--secondary{color:#ffffffe0;background:#ffffff14}.feedback-state__button:disabled{cursor:not-allowed;opacity:.54}.inline-status{color:#ffffffc7;background:#ffffff0e;border:1px solid #ffffff17;border-radius:999px;align-items:center;gap:10px;min-height:36px;padding:8px 12px;font-size:12px;font-weight:850;display:inline-flex}.inline-status--error{color:#ffccd5;background:#ef45651f;border-color:#ef456552}.inline-status--warning{color:#fde68a;background:#facc151a;border-color:#facc1547}.inline-status--success{color:#bbf7d0;background:#22c55e1a;border-color:#22c55e3d}.inline-status__icon{background:#ffffff1f;border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.inline-status__action{color:#fff;background:#ffffff1f;min-height:26px;padding:0 10px}.audio-asset-picker{background:#0f172a5c;border:1px solid #94a3b838;border-radius:18px;gap:.75rem;padding:.9rem;display:grid}.audio-asset-picker__header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.audio-asset-picker__header h4{color:#f8fafc;margin:0;font-size:.88rem}.audio-asset-picker__header p{color:#94a3b8;margin:.2rem 0 0;font-size:.75rem;line-height:1.4}.audio-asset-picker__header button{color:#e2e8f0;cursor:pointer;background:#0f172ab8;border:1px solid #94a3b847;border-radius:999px;padding:.38rem .7rem;font-size:.72rem;font-weight:700}.audio-asset-picker__header button:disabled{cursor:not-allowed;opacity:.55}.audio-asset-picker__status{margin:0}.audio-asset-picker__empty{color:#94a3b8;margin:0;font-size:.78rem;line-height:1.45}.audio-asset-picker__list{gap:.5rem;max-height:14rem;padding-right:.1rem;display:grid;overflow-y:auto}.audio-asset-picker__item{color:#e2e8f0;cursor:grab;text-align:left;background:#0f172aa3;border:1px solid #94a3b82e;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;width:100%;padding:.65rem .7rem;display:grid}button.audio-asset-picker__item{font:inherit}.audio-asset-picker__item:hover:not(:disabled),.audio-asset-picker__item--selected{background:#0ea5e924;border-color:#38bdf88c}.audio-asset-picker__item:active{cursor:grabbing}.audio-asset-picker__item:disabled{cursor:not-allowed;opacity:.7}.audio-asset-picker__item-icon{background:#38bdf81f;border-radius:12px;place-items:center;width:2rem;height:2rem;display:grid}.audio-asset-picker__item-main{gap:.18rem;min-width:0;display:grid}.audio-asset-picker__item-main strong,.audio-asset-picker__item-main small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.audio-asset-picker__item-main strong{color:#f8fafc;font-size:.78rem}.audio-asset-picker__item-main small{color:#94a3b8;font-size:.68rem}.audio-asset-picker__item-action{color:#7dd3fc;white-space:nowrap;flex:none;font-size:.68rem;font-weight:800}.microphone-recorder{background:#0f172a75;border:1px solid #94a3b840;border-radius:16px;gap:.7rem;padding:.85rem;display:grid}.microphone-recorder--compact{border-radius:14px;padding:.7rem}.microphone-recorder__status{color:#e2e8f0c7;align-items:center;gap:.55rem;font-size:.84rem;line-height:1.35;display:flex}.microphone-recorder__actions{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.microphone-recorder__actions button{color:#0f172a;cursor:pointer;background:#f8fafc;border:0;border-radius:999px;padding:.55rem .9rem;font-weight:800}.microphone-recorder__actions button:disabled{cursor:not-allowed;opacity:.55}.microphone-recorder__error{color:#fca5a5;margin:0;font-size:.82rem}.audio-import-modal{z-index:1000;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.audio-import-modal__backdrop{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:#020617ad;border:0;position:absolute;inset:0}.audio-import-modal__panel{z-index:1;color:#e2e8f0;background:linear-gradient(#0f172afa,#020617fa);border:1px solid #94a3b83d;border-radius:26px;width:min(620px,100vw - 2rem);max-height:min(720px,100vh - 2rem);position:relative;overflow:auto;box-shadow:0 30px 80px #00000073}.audio-import-modal__header,.audio-import-modal__body,.audio-import-modal__footer{padding:1.25rem}.audio-import-modal__header{border-bottom:1px solid #94a3b829;justify-content:space-between;gap:1rem;display:flex}.audio-import-modal__eyebrow{color:#38bdf8;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .25rem;font-size:.72rem;font-weight:800}.audio-import-modal__header h2{color:#f8fafc;margin:0;font-size:1.1rem}.audio-import-modal__header p{color:#94a3b8;margin:.45rem 0 0;font-size:.86rem;line-height:1.5}.audio-import-modal__close{color:#e2e8f0;cursor:pointer;background:#0f172acc;border:1px solid #94a3b83d;border-radius:999px;width:2rem;height:2rem;font-size:1.2rem}.audio-import-modal__body{gap:1rem;display:grid}.audio-import-modal__primary-action{color:#082f49;cursor:pointer;background:#38bdf8;border:0;border-radius:18px;padding:.9rem 1rem;font-size:.9rem;font-weight:900}.audio-import-modal__primary-action:disabled{cursor:not-allowed;opacity:.65}.audio-import-modal__divider{color:#64748b;text-transform:uppercase;align-items:center;gap:.75rem;font-size:.72rem;font-weight:800;display:flex}.audio-import-modal__divider:before,.audio-import-modal__divider:after{content:"";background:#94a3b82e;flex:1;height:1px}.audio-import-modal__footer{border-top:1px solid #94a3b829;justify-content:flex-end;display:flex}.audio-import-modal__ghost-button{color:#e2e8f0;cursor:pointer;background:#0f172acc;border:1px solid #94a3b847;border-radius:999px;padding:.65rem 1rem;font-weight:800}.sounds-panel{gap:.85rem;display:grid}.sounds-panel__header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.sounds-panel__header h3{margin-bottom:.35rem}.sounds-panel__downloaded-count{color:#bae6fd;background:#0ea5e91a;border:1px solid #38bdf838;border-radius:999px;flex:none;padding:.28rem .55rem;font-size:.72rem;font-weight:800}.sounds-panel__list{gap:.6rem;display:grid}.sounds-panel__card{background:#0f172a94;border:1px solid #94a3b829;border-radius:16px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.7rem;padding:.75rem;display:grid}.sounds-panel__card--downloaded{background:#0ea5e91a;border-color:#38bdf857}.sounds-panel__action-button{color:#e0f2fe;cursor:pointer;background:#020617a3;border:1px solid #38bdf847;border-radius:999px;place-items:center;width:2.3rem;height:2.3rem;font-size:.95rem;font-weight:900;display:grid}.sounds-panel__action-button:disabled{cursor:not-allowed;opacity:.7}.sounds-panel__card-main{gap:.34rem;min-width:0;display:grid}.sounds-panel__title-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.sounds-panel__title-row strong{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;overflow:hidden}.sounds-panel__title-row span{color:#bae6fd;letter-spacing:.04em;text-transform:uppercase;background:#38bdf824;border-radius:999px;flex:none;padding:.16rem .4rem;font-size:.62rem;font-weight:900}.sounds-panel__card-main small,.sounds-panel__card-main p,.sounds-panel__preview-row time{color:#94a3b8;font-size:.72rem}.sounds-panel__card-main p{margin:0;line-height:1.35}.sounds-panel__preview-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.55rem;display:grid}.sounds-panel__preview-row input[type=range]{accent-color:#38bdf8;width:100%}.sounds-panel__preview-row input[type=range]:disabled{opacity:.42}.media-panel{gap:.85rem;display:grid}.media-panel--drag-over{border-color:#38bdf86b}.media-panel__header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.media-panel__header h3{margin-bottom:.35rem}.media-panel__count{color:#bae6fd;background:#0ea5e91a;border:1px solid #38bdf838;border-radius:999px;flex:none;padding:.28rem .55rem;font-size:.72rem;font-weight:800}.media-panel__import-button{color:#020617;cursor:pointer;background:linear-gradient(135deg,#38bdf8,#2563eb);border:1px solid #38bdf861;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;width:100%;min-height:2.45rem;font-weight:900;display:inline-flex}.media-panel__import-button:disabled{cursor:not-allowed;opacity:.75}.media-panel__drop-zone{color:#94a3b8;background:#0f172a6b;border:1px dashed #94a3b852;border-radius:16px;place-items:center;min-height:3.4rem;font-size:.76rem;font-weight:800;display:grid}.media-panel--drag-over .media-panel__drop-zone{color:#e0f2fe;background:#0ea5e91f;border-color:#38bdf8a6}.media-panel__list{gap:.6rem;display:grid}.media-panel__card{cursor:grab;background:#0f172a94;border:1px solid #94a3b829;border-radius:16px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.7rem;padding:.75rem;display:grid}.media-panel__card:active{cursor:grabbing}.media-panel__play-button{color:#e0f2fe;cursor:pointer;background:#020617a3;border:1px solid #38bdf847;border-radius:999px;place-items:center;width:2.3rem;height:2.3rem;font-size:.95rem;font-weight:900;display:grid}.media-panel__card-main{gap:.34rem;min-width:0;display:grid}.media-panel__title-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.media-panel__title-row strong{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;overflow:hidden}.media-panel__title-row small,.media-panel__preview-row time{color:#94a3b8;font-size:.72rem}.media-panel__preview-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.55rem;display:grid}.media-panel__preview-row input[type=range]{accent-color:#38bdf8;width:100%}.media-panel__preview-row input[type=range]:disabled{opacity:.42}.left-sidebar{background:#0d0e14;border-right:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;align-items:stretch;gap:6px;width:84px;padding:14px 8px;display:flex}.left-sidebar__item{color:#ffffffb8;cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:68px;padding:8px 4px;display:flex}.left-sidebar__item:hover{color:#fff;background:#ffffff14}.left-sidebar__item--active{color:#fff;background:#7f5af033}.left-sidebar__icon{place-items:center;height:26px;font-size:22px;line-height:1;display:grid}.left-sidebar__label{margin-top:6px;font-size:12px;font-weight:700}.context-toolbar{z-index:20;background:#252833;border:1px solid #ffffff24;border-radius:14px;align-items:center;gap:4px;max-width:calc(100% - 48px);min-height:46px;padding:5px;display:flex;position:absolute;top:90px;left:50%;transform:translate(-50%);box-shadow:0 12px 34px #00000061}.context-toolbar__selected-name{color:#ffffffe0;text-overflow:ellipsis;white-space:nowrap;max-width:160px;padding:0 12px;font-size:14px;font-weight:800;overflow:hidden}.context-toolbar__divider{background:#ffffff29;width:1px;height:24px;margin:0 4px}.context-toolbar__button{color:#ffffffd1;min-height:34px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:6px;padding:0 10px;font-size:14px;font-weight:800;display:inline-flex}.context-toolbar__button:hover{color:#fff;background:#ffffff1a}.context-toolbar__button--active{color:#fff;background:#845dffeb}.context-toolbar__button-icon{font-size:14px;line-height:1}@media (width<=900px){.context-toolbar{justify-content:flex-start;overflow-x:auto}.context-toolbar__selected-name{display:none}}.context-toolbar--timeline-block{gap:8px}.context-toolbar__field{color:#ffffffd1;background:#ffffff0f;border-radius:10px;align-items:center;gap:8px;min-height:34px;padding:0 8px;font-size:13px;font-weight:900;display:inline-flex}.context-toolbar__field select{color:#fff;height:28px;font:inherit;background:#00000042;border:0;border-radius:8px;outline:none;padding:0 8px}.context-toolbar__field--range{min-width:190px}.context-toolbar__field input[type=range]{width:90px}.context-toolbar__button--danger{color:#ffb3c1;background:#ef456529}.context-toolbar__button--danger:hover{color:#fff;background:#ef456547}.loading-screen{color:#fff;text-align:center;background:radial-gradient(circle at 0 0,#6c5ce729,#0000 32%),#101116;place-items:center;gap:14px;width:100%;height:100%;min-height:100vh;display:grid}.loading-screen p{color:#ffffffa8;margin:0;font-size:13px;font-weight:850}.app-dialog{z-index:1000;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.app-dialog__backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030712ad;position:absolute;inset:0}.app-dialog__card{z-index:1;color:#fff;background:radial-gradient(circle at 0 0,#7f5af02e,#0000 36%),#0f172af5;border:1px solid #ffffff1f;border-radius:24px;grid-template-columns:auto minmax(0,1fr);gap:18px;width:min(460px,100%);padding:22px;display:grid;position:relative;box-shadow:0 30px 90px #0000006b}.app-dialog__card--danger,.app-dialog__card--error{background:radial-gradient(circle at 0 0,#ef45652e,#0000 36%),#0f172af5}.app-dialog__card--warning{background:radial-gradient(circle at 0 0,#facc1529,#0000 36%),#0f172af5}.app-dialog__icon{color:#fff;background:#ffffff1a;border-radius:16px;place-items:center;width:44px;height:44px;font-size:18px;font-weight:950;display:grid}.app-dialog__content{min-width:0}.app-dialog__content h2{letter-spacing:-.03em;margin:0 0 8px;font-size:1.1rem}.app-dialog__content p{color:#ffffffb8;margin:0;font-size:.9rem;line-height:1.55}.app-dialog__actions{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.app-dialog__button{color:#fff;cursor:pointer;min-height:40px;font:inherit;border:0;border-radius:999px;padding:0 16px;font-size:.88rem;font-weight:900}.app-dialog__button--primary{background:#7f5af0}.app-dialog__button--secondary{color:#ffffffdb;background:#ffffff1a}.app-dialog__button--danger{background:#ef4565}.app-dialog__button:disabled{cursor:not-allowed;opacity:.58}@media (width<=540px){.app-dialog__card{grid-template-columns:1fr}.app-dialog__actions{justify-content:stretch}.app-dialog__button{flex:1}}.app-shell{background:var(--app-color-shell);flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.app-shell__body{background:var(--app-color-shell);flex:1;min-height:0;display:flex;overflow:hidden}.app-shell__workspace{background:radial-gradient(circle at top left, var(--app-workspace-glow), transparent 32%), var(--app-color-workspace);flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.app-shell--loading{color:var(--app-color-text);justify-content:center;align-items:center;font-weight:800}.app-shell__load-error{background:var(--app-color-page);place-items:center;min-height:100vh;padding:32px;display:grid}.app-shell__asset-warning{z-index:25;white-space:normal;max-width:min(720px,100% - 32px);position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 18px 38px #00000047}.app-error-boundary{color:#f7f4ff;background:radial-gradient(circle at 0 0,#7f5af038,#0000 32rem),linear-gradient(135deg,#070611 0%,#141024 100%);place-items:center;min-height:100vh;padding:32px;display:grid}.app-error-boundary__card{background:#100c1fdb;border:1px solid #ffffff1f;border-radius:24px;width:min(560px,100%);padding:28px;box-shadow:0 24px 80px #00000061}.app-error-boundary__eyebrow{color:#bca8ff;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;font-size:.78rem;font-weight:700}.app-error-boundary__title{margin:0 0 12px;font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.05}.app-error-boundary__message,.app-error-boundary__detail{color:#f7f4ffc2;line-height:1.55}.app-error-boundary__detail{overflow-wrap:anywhere;background:#ffffff0f;border-radius:14px;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85rem}.app-error-boundary__actions{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.app-error-boundary__primary,.app-error-boundary__secondary{color:#f7f4ff;cursor:pointer;border:0;border-radius:999px;padding:10px 16px;font-weight:700}.app-error-boundary__primary{background:linear-gradient(135deg,#7f5af0,#a78bfa)}.app-error-boundary__secondary{background:#ffffff1a}.app-error-boundary__primary:hover,.app-error-boundary__secondary:hover{transform:translateY(-1px)}:root{--app-color-page:#0f1016;--app-color-shell:#101116;--app-color-workspace:#101116;--app-color-surface:#171922;--app-color-surface-elevated:#1d1f2a;--app-color-border-soft:#ffffff1f;--app-color-text:#fff;--app-color-text-muted:#ffffffb8;--app-color-text-subtle:#ffffff8f;--app-color-brand-primary:#7f5af0;--app-color-brand-secondary:#2cb67d;--app-color-brand-accent:#f4d35e;--app-color-brand-contrast:#fff;--app-header-background:linear-gradient(90deg, #151827 0%, var(--app-color-brand-primary) 52%, #332b68 100%);--app-header-text:var(--app-color-brand-contrast);--app-header-control-background:#ffffff1f;--app-header-control-background-hover:#fff3;--app-header-control-border:#ffffff38;--app-header-primary-button-background:var(--app-color-brand-contrast);--app-header-primary-button-text:#191329;--app-header-dropdown-background:var(--app-color-surface-elevated);--app-header-dropdown-border:var(--app-color-border-soft);--app-header-danger-background:#ff585847;--app-workspace-glow:#7f5af029;--app-scrollbar-size:10px;--app-scrollbar-track:var(--app-color-shell);--app-scrollbar-track-soft:var(--app-color-surface);--app-scrollbar-thumb:#7f5af094;--app-scrollbar-thumb-hover:#9f8cffe6;--app-scrollbar-corner:var(--app-color-surface)}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--app-scrollbar-thumb) var(--app-scrollbar-track-soft)}::-webkit-scrollbar{width:var(--app-scrollbar-size);height:var(--app-scrollbar-size)}::-webkit-scrollbar-track{background:var(--app-scrollbar-track-soft);border-radius:999px}::-webkit-scrollbar-thumb{border:2px solid var(--app-scrollbar-track-soft);background:linear-gradient(180deg, var(--app-scrollbar-thumb), #7f5af057);border-radius:999px;min-height:40px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, var(--app-scrollbar-thumb-hover), #7f5af0a3)}::-webkit-scrollbar-corner{background:var(--app-scrollbar-corner)}html,body,#root{width:100%;height:100%;margin:0}body{background:var(--app-color-page);color:var(--app-color-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}img,svg,video,canvas{max-width:100%;display:block}