:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#18201c;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#18201c;--muted:#617067;--paper:#fbfcf7;--panel:#fff;--line:#dce4d7;--accent:#0f766e;--accent-strong:#0b4f4a;--coral:#e85d4f;--gold:#d79b35;--violet:#7462d1;--shadow:0 20px 70px #18201c1f;background:#f6f8f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{background:linear-gradient(135deg, #0f766e14, transparent 28%), linear-gradient(315deg, #e85d4f1f, transparent 30%), var(--paper);width:min(1440px,100%);min-height:100vh;margin:0 auto;padding:28px}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.brand-lockup,.account-strip,.runner-pill,.secondary-button,.panel-heading,.sample-meta,.operator-note{align-items:center;display:flex}.brand-lockup{gap:14px}.brand-mark{border:2px solid var(--ink);width:52px;height:52px;color:var(--ink);letter-spacing:0;background:#ffd166;border-radius:8px;place-items:center;font-weight:900;display:grid;box-shadow:5px 5px #18201c}h1,h2,p{margin:0}h1{letter-spacing:0;font-size:clamp(2rem,4vw,4.35rem);line-height:.95}.brand-lockup p,.panel-heading span,.sample-meta,.operator-note,.service-card p{color:var(--muted)}.account-strip{gap:12px}.runner-pill,.secondary-button{border:1px solid var(--line);height:42px;color:var(--ink);background:#ffffffb8;border-radius:8px;gap:8px;padding:0 13px;font-size:.9rem;font-weight:750}.secondary-button{box-shadow:none}.studio-grid{grid-template-columns:minmax(210px,.7fr) minmax(280px,1.05fr) minmax(300px,1.1fr) minmax(260px,.95fr);gap:18px;display:grid}.studio-grid>*,.status-board>*,.login-showcase>*,.login-card>*{min-width:0}.login-showcase{min-height:720px;box-shadow:var(--shadow);background:linear-gradient(106deg,#fff 0 32%,#0000 32.2%),radial-gradient(at 78% 24%,#ff8e3fe0,#0000 26%),radial-gradient(at 83% 70%,#d346b9b3,#0000 35%),radial-gradient(at 56% 16%,#7662d18a,#0000 32%),linear-gradient(120deg,#fffdf6 0%,#faf7ff 42%,#ffc169 66%,#e16cbf 100%);border:1px solid #18201c1a;border-radius:8px;grid-template-columns:minmax(0,1fr);place-items:center;margin-bottom:28px;display:grid;position:relative;overflow:hidden}.login-showcase:before,.login-showcase:after{content:"";pointer-events:none;position:absolute}.login-showcase:before{filter:blur(.4px);background:repeating-linear-gradient(74deg,#ffffff2e 0 4px,#0000 4px 16px),linear-gradient(96deg,#ffffff9e,#0000 56%);animation:8s ease-in-out infinite alternate light-sweep;inset:-18% 4% -26% 34%;transform:skew(-9deg)}.login-showcase:after{background:linear-gradient(90deg,#ffffffeb,#0000 36%),linear-gradient(#0000 0 82%,#18201c14);inset:0}.login-brand{z-index:1;position:absolute;top:34px;left:36px}.login-logo{color:#07172c;letter-spacing:0;font-size:clamp(2rem,3.4vw,3.15rem);font-weight:930;line-height:1}.login-card{z-index:1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;border-radius:8px;gap:18px;width:min(720px,100% - 48px);padding:clamp(28px,4vw,42px);display:grid;position:relative;box-shadow:0 32px 80px #18201c2e}.login-card h2{color:#343b55;letter-spacing:0;font-size:clamp(2rem,3.3vw,2.75rem);line-height:1.05}.field-stack{gap:9px;display:grid}.field-stack span,.remember-row,.create-account-strip{color:#343b55;font-weight:800}.field-stack input{color:#18201c;background:#fff;border:1px solid #ccd8e7;border-radius:8px;outline:0;width:100%;height:64px;padding:0 16px;transition:border-color .16s,box-shadow .16s}.field-stack input:focus{border-color:#6d5df7;box-shadow:0 0 0 4px #6d5df729}.password-label{justify-content:space-between;align-items:center;gap:14px;display:flex}.password-label a,.create-account-strip a{color:#5f50ff;text-decoration:none}.remember-row{align-items:center;gap:12px;display:flex}.remember-row input{accent-color:#6657f0;border-radius:8px;width:26px;height:26px}.primary-auth-button,.auth-provider-button{border-radius:8px;min-height:58px;font-size:1.05rem;font-weight:850}.primary-auth-button{color:#fff;background:#a99ff6;border:0;box-shadow:0 12px 24px #6d5df733}.auth-divider{color:#3f485f;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;font-weight:760;display:grid}.auth-divider:before,.auth-divider:after{content:"";background:#d6dfeb;height:1px}.auth-provider-button{color:#24344d;background:#fff;border:1px solid #ccd8e7;justify-content:center;align-items:center;gap:14px;display:inline-flex}.auth-provider-button svg{color:#6657f0}.google-mark{color:#4285f4;place-items:center;width:24px;height:24px;font-weight:920;display:inline-grid}.create-account-strip{background:radial-gradient(circle at 94% 20%,#ffc1698c,#0000 22%),linear-gradient(90deg,#fff,#f9f7ff 56%,bisque);border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;min-height:72px;margin-top:16px;padding:14px;display:flex}.billing-panel{grid-template-columns:minmax(260px,.78fr) minmax(320px,1fr);gap:18px;margin-bottom:28px;display:grid}.billing-offer,.billing-actions{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffe6;border-radius:8px}.billing-offer{color:#fff;background:radial-gradient(circle at 88% 12%,#ffd16699,#0000 28%),linear-gradient(135deg,#17211d,#273c34 58%,#0f766e);align-content:space-between;gap:18px;min-height:280px;padding:24px;display:grid}.billing-kicker,.checkout-button,.launch-button{justify-content:center;align-items:center;display:inline-flex}.billing-kicker{color:#ffd166;background:#ffffff24;border:1px solid #ffffff3d;border-radius:8px;gap:8px;width:fit-content;padding:8px 10px;font-size:.78rem;font-weight:850}.billing-offer h2{letter-spacing:0;max-width:10ch;font-size:clamp(2rem,3vw,3.2rem);line-height:.98}.billing-price{font-size:clamp(2.4rem,5vw,4rem);font-weight:930;line-height:1}.billing-price span{color:#ffffffc2;margin-left:4px;font-size:1rem}.billing-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.billing-stat-grid span{background:#ffffff1f;border:1px solid #ffffff2e;border-radius:8px;min-height:44px;padding:9px;font-size:.82rem;font-weight:780}.billing-actions{align-content:center;gap:14px;padding:24px;display:grid}.billing-form,.launch-form{gap:12px;display:grid}.checkout-button,.launch-button{border-radius:8px;gap:9px;min-height:52px;font-weight:850}.checkout-button{background:var(--accent);color:#fff;border:0;box-shadow:0 12px 24px #0f766e33}.launch-button{border:1px solid var(--line);color:#55330b;background:#fff8ea}.checkout-button:disabled,.launch-button:disabled{cursor:not-allowed;opacity:.62}.provider-message{border-radius:8px;padding:10px 12px;font-size:.86rem;font-weight:760;line-height:1.4}.provider-message.is-error{color:#963126;background:#fff0ef}.provider-message.is-success{color:#0b5d56;background:#edf8f4}@keyframes light-sweep{0%{transform:skew(-9deg)translate(-18px)}to{transform:skew(-9deg)translate(18px)}}.transport-panel,.sergei-stage,.waveform-panel,.lanes-panel,.sound-board,.sound-profile,.service-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffe0;border-radius:8px}.transport-panel{flex-direction:column;justify-content:space-between;min-height:430px;padding:22px;display:flex}.play-button{background:var(--accent);color:#fff;border:0;border-radius:50%;place-items:center;width:112px;height:112px;display:grid;box-shadow:0 18px 35px #0f766e47}.transport-copy span,.control-row span,.toggle-row span,.lane small,.service-card span{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:760}.transport-copy strong{margin-top:6px;font-size:1.85rem;line-height:1;display:block}.control-row{gap:12px;display:grid}.control-row input{width:100%;accent-color:var(--accent)}.control-row strong{font-size:1.3rem}.toggle-row{align-items:center;gap:10px;display:flex}.toggle-row input{width:18px;height:18px;accent-color:var(--coral)}.waveform-panel,.sergei-stage,.lanes-panel{min-height:430px;padding:22px}.sergei-stage{background:radial-gradient(circle at 72% 16%, color-mix(in srgb, var(--hero-color,#ffd166) 42%, transparent), transparent 25%), linear-gradient(180deg, #fff, #eef7ef);grid-template-rows:auto minmax(0,1fr) auto auto;gap:16px;display:grid;position:relative;overflow:hidden}.sergei-copy span,.sergei-actions span{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:760}.sergei-copy h2{letter-spacing:0;overflow-wrap:anywhere;margin-top:5px;font-size:1.42rem}.sergei-portrait-wrap{background:#dce9e5;border:1px solid #18201c24;border-radius:8px;min-height:0;position:relative;overflow:hidden}.hero-fallback-wrap{background:radial-gradient(circle at 50% 36%, color-mix(in srgb, var(--hero-color,#ffd166) 34%, transparent), transparent 42%), linear-gradient(180deg, #fff, #eaf2ed);place-items:center;min-height:270px;display:grid}.hero-fallback{aspect-ratio:1;background:var(--hero-color,#ffd166);color:#18201c;border:3px solid #18201c2e;border-radius:8px;place-items:center;width:min(220px,64%);font-size:clamp(4rem,12vw,8rem);font-weight:950;display:grid;box-shadow:12px 12px #18201c29}.sergei-portrait{object-fit:cover;object-position:19% 52%;filter:saturate(1.08)contrast(1.03);width:100%;height:100%;min-height:210px;display:block;transform:scale(1.02)}.sergei-spotlight{mix-blend-mode:multiply;pointer-events:none;background:radial-gradient(circle at 27% 52%,#0000 0 26%,#18201c47 64%),linear-gradient(#0000 58%,#18201c47);position:absolute;inset:0}.sergei-baton{background:var(--hero-color,#ffd166);transform-origin:bottom;border-radius:999px;width:8px;height:92px;position:absolute;bottom:18%;right:18%;transform:rotate(-28deg);box-shadow:0 0 0 2px #18201c85,0 14px 24px #18201c47}.sergei-mouth{border:3px solid color-mix(in srgb, var(--hero-color,#ffd166) 86%, white);opacity:0;transform-origin:top;border-top:0;border-radius:0 0 999px 999px;width:32px;height:13px;position:absolute;top:49%;left:23%;transform:rotate(-7deg)scaleY(.5)}.sergei-bubble{color:#fff;background:#18201c;border:1px solid #18201c24;border-radius:8px;grid-template-columns:24px 1fr;align-items:start;gap:10px;min-height:76px;margin:0;padding:13px;display:grid;box-shadow:0 14px 32px #18201c33}.sergei-bubble svg{color:var(--hero-color,#ffd166)}.sergei-bubble p{font-size:1rem;font-weight:820;line-height:1.25}.sergei-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.speak-button{background:var(--coral);color:#fff;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-size:.9rem;font-weight:820;display:inline-flex;box-shadow:0 14px 24px #e85d4f3d}.is-performing .sergei-baton{animation:.64s ease-in-out infinite alternate conduct}.is-performing .sergei-portrait{animation:1.28s ease-in-out infinite sergei-bob}.is-speaking .sergei-mouth{opacity:1;animation:.16s ease-in-out infinite alternate talk}.is-speaking .sergei-bubble{border-color:color-mix(in srgb, var(--hero-color,#ffd166) 70%, transparent);box-shadow:0 0 0 4px color-mix(in srgb, var(--hero-color,#ffd166) 18%, transparent), 0 18px 34px #18201c38}@keyframes conduct{0%{transform:rotate(-42deg)translateY(2px)}to{transform:rotate(22deg)translateY(-6px)}}@keyframes sergei-bob{0%,to{transform:scale(1.02)translateY(0)}50%{transform:scale(1.035)translateY(-5px)}}@keyframes talk{0%{transform:rotate(-7deg)scaleY(.45)}to{transform:rotate(-7deg)scaleY(1.25)}}.panel-heading{justify-content:space-between;gap:16px;margin-bottom:22px}.panel-heading h2{letter-spacing:0;overflow-wrap:anywhere;margin-top:5px;font-size:1.4rem}.waveform{background:linear-gradient(#18201c0f 1px,#0000 1px) 0 0/100% 25%,#eff6ea;border-radius:8px;grid-template-columns:repeat(32,minmax(4px,1fr));align-items:end;gap:7px;height:260px;padding:24px;display:grid;overflow:hidden}.wave-bar{height:var(--bar-height);background:linear-gradient(180deg, var(--coral), var(--gold));transform-origin:bottom;border-radius:999px 999px 6px 6px;min-height:18px;display:block}.wave-bar.is-playing{animation:.9s ease-in-out infinite alternate pulse;animation-delay:calc(var(--bar-height) * -12ms)}@keyframes pulse{0%{transform:scaleY(.76)}to{transform:scaleY(1.04)}}.sample-meta{flex-wrap:wrap;gap:10px;margin-top:18px}.sample-meta span{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 10px;font-size:.82rem;font-weight:750}.sound-board{margin-top:18px;padding:22px}.sound-profile-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.sound-profile{background:#fff;grid-template-columns:72px minmax(0,1fr);gap:12px;min-height:128px;padding:12px;display:grid}.sound-avatar{object-fit:cover;border:1px solid #18201c1f;border-radius:8px;width:72px;height:72px}.sound-profile-copy{align-content:start;gap:3px;min-width:0;display:grid}.sound-profile-copy strong,.sound-profile-copy span,.sound-profile-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sound-profile-copy strong{font-size:1rem}.sound-profile-copy span,.sound-profile-copy small{color:var(--muted);font-size:.78rem;font-weight:760}.sound-profile-copy span{text-transform:uppercase}.sound-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:8px;display:grid}.sound-preview-button,.sound-upload-button{border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 10px;font-size:.84rem;font-weight:820;display:inline-flex}.sound-preview-button{background:var(--accent);color:#fff;border:0}.sound-upload-button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#f9fbf5}.sound-upload-button input{clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.lane-list{gap:12px;display:grid}.lane{border:1px solid var(--line);min-height:74px;color:var(--ink);text-align:left;background:#fff;border-radius:8px;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.lane.is-active{border-color:color-mix(in srgb, var(--hero-color,#0f766e) 52%, transparent);box-shadow:inset 4px 0 0 var(--hero-color,var(--accent));background:#ecf8f4}.lane-avatar{background:var(--hero-color,#18201c);color:#fff;border-radius:8px;place-items:center;width:48px;height:48px;font-size:1.25rem;font-weight:900;display:grid}.lane strong,.lane small{overflow-wrap:anywhere;display:block}.lane>span{min-width:0}.lane-power{margin-top:4px}.lane em{color:color-mix(in srgb, var(--hero-color,var(--accent-strong)) 74%, #18201c);font-style:normal;font-weight:850}.status-board{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.service-card{grid-template-columns:32px 1fr;gap:12px;padding:16px;display:grid}.service-card svg{color:var(--coral)}.service-card.is-ready svg{color:var(--accent)}.service-card strong,.service-card span,.service-card p{display:block}.service-card strong{font-size:.98rem}.service-card p{margin-top:8px;font-size:.86rem;line-height:1.4}.operator-note{background:#ffffff94;border:1px dashed #18201c3d;border-radius:8px;gap:10px;margin-top:18px;padding:14px 16px;font-weight:700}@media (width<=1180px){.studio-grid,.sound-profile-grid,.status-board,.billing-panel{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=980px){.app-shell{padding:20px}.topbar,.account-strip{flex-direction:column;align-items:flex-start}.studio-grid,.sound-profile-grid,.status-board,.billing-panel{grid-template-columns:1fr}.login-showcase{min-height:680px}.transport-panel,.sergei-stage,.waveform-panel,.lanes-panel{min-height:auto}}@media (width<=520px){.app-shell{padding:16px}.brand-mark{width:46px;height:46px}.login-showcase{align-items:start;min-height:auto;padding:92px 0 24px}.login-brand{top:24px;left:22px}.login-card{gap:15px;width:calc(100% - 28px);padding:22px}.field-stack input{height:56px}.password-label{flex-direction:column;align-items:flex-start;gap:6px}.auth-divider{gap:10px}h1{font-size:2rem}.transport-panel,.sergei-stage,.waveform-panel,.lanes-panel,.sound-board{padding:18px}.sergei-portrait{min-height:260px}.sergei-actions{flex-direction:column;align-items:stretch}.waveform{gap:4px;height:220px;padding:16px}.sample-meta span{padding:7px 8px}.billing-stat-grid{grid-template-columns:1fr}.lane{grid-template-columns:44px minmax(0,1fr) auto}.lane-avatar{width:44px;height:44px}.sound-profile{grid-template-columns:64px minmax(0,1fr)}.sound-avatar{width:64px;height:64px}}@media (prefers-reduced-motion:reduce){.wave-bar.is-playing,.is-performing .sergei-baton,.is-performing .sergei-portrait,.is-speaking .sergei-mouth,.login-showcase:before{animation:none}}