.creator-workbench{min-width:0;padding:clamp(12px,2vw,28px)}.creator-workbench-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.creator-workbench h1{margin:8px 0;font-size:clamp(1.6rem,3vw,2.4rem)}.creator-workbench-header span{color:#f5bf54;letter-spacing:.1em;font-size:.875rem;font-weight:700}.creator-workbench p{font-size:1rem;line-height:1.6}.creator-tool-tabs{flex-wrap:wrap;gap:8px;max-width:100%;margin-bottom:18px;justify-content:flex-start!important;height:auto!important;padding:8px!important;display:flex!important}.creator-tool-tabs button{white-space:normal;min-height:44px;padding:10px 14px;font-size:.95rem}.creator-tool-tabs button[data-state=active]{color:#fff;background:#8b204d}.creator-tool-card{color:#f6f4fa;background:#1b1924;border:1px solid #56515f;border-radius:18px;padding:clamp(16px,3vw,28px)}.creator-tool-card h2{font-size:1.5rem}.creator-tool-card label{flex-direction:column;gap:8px;margin:16px 0;font-size:1rem;display:flex}.creator-tool-card textarea,.creator-tool-card select{color:#fff;background:#100f17;border:1px solid #716879;border-radius:8px;width:100%;min-width:0;padding:12px;font-size:1rem}.creator-tool-card textarea{line-height:1.6}.creator-tool-actions{flex-wrap:wrap;gap:10px;margin:12px 0;display:flex}.creator-tool-actions button{color:#fff;background:#3f2037;border:1px solid #9c6c8e;border-radius:10px;min-height:44px;padding:10px 16px;font-size:.95rem}.creator-tool-actions button:disabled{opacity:.5}.beat-row{margin:18px 0}.beat-row>div{grid-template-columns:repeat(16,minmax(0,1fr));gap:5px;margin-top:8px;display:grid}.beat-row button{aspect-ratio:1;color:#dcd5e1;background:#292332;border:1px solid #6b6073;border-radius:7px;min-width:0;min-height:32px;font-size:.875rem}.beat-row button.on{color:#171019;background:#eeaf43;border-color:#ffd588}.beat-row button:focus-visible{outline-offset:2px;outline:3px solid #fff}.creator-workbench .studio-ai-answer{white-space:pre-wrap}.creator-workbench input[type=range]{width:min(100%,360px)}@media (width<=650px){.creator-workbench-header{display:block}.beat-row>div{grid-template-columns:repeat(8,minmax(0,1fr))}.beat-row button{min-height:40px}.creator-tool-tabs button{flex:120px}.creator-workbench .page-content{padding:0}}.sot-welcome-narrator{color:#fff7e7;text-align:center;width:100%;max-width:720px;margin:0 auto}.welcome-experience:has(.sot-welcome-narrator){padding-top:max(28px,env(safe-area-inset-top));padding-bottom:max(28px,env(safe-area-inset-bottom))}.sot-welcome-stage{isolation:isolate;background:radial-gradient(at 50% 36%,#59453666,#0000 63%),linear-gradient(135deg,#10111d,#242037 60%,#12121b);border:1px solid #e9c78030;border-radius:24px;justify-items:center;padding:18px 16px 24px;display:grid;position:relative;overflow:hidden}.sot-welcome-ring{z-index:-1;border:1px solid #edcf8c42;border-radius:50%;width:220px;height:220px;position:absolute;top:26px;box-shadow:0 0 65px #d4a56818,inset 0 0 45px #d4a56810}.sot-welcome-character{cursor:pointer;filter:drop-shadow(0 10px 24px #0006);background:0 0;border:0;width:230px;height:257px;padding:0;animation:1.1s cubic-bezier(.18,.72,.25,1) both sotWelcomeReveal;display:block}.sot-welcome-character canvas{width:100%;height:100%;display:block}.sot-welcome-caption{gap:5px;animation:.8s .2s both sotWelcomeCopy;display:grid}.sot-welcome-caption strong{letter-spacing:-.025em;font-size:24px}.sot-welcome-caption span{color:#d9c7a9;font-size:13px}.sot-welcome-controls{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;display:flex}.sot-welcome-controls button{color:#16131d;cursor:pointer;background:#edce90;border:1px solid #efd69655;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:11px 18px;font-size:14px;font-weight:750;display:flex}.sot-welcome-controls svg{width:18px;height:18px}.sot-welcome-controls .sot-welcome-stop{color:#fff4d7;background:#ffffff0d}.sot-welcome-narrator .sot-welcome-voice-status{color:#d7c9b3;max-width:none;margin:10px 0;font-size:12px;line-height:1.5}.sot-welcome-transcript{text-align:left;color:#ded7e4;font-size:14px;line-height:1.65}.sot-welcome-transcript summary{text-align:center;cursor:pointer;min-height:36px}.sot-welcome-transcript p{color:#ded7e4!important;max-width:none!important;margin:12px 0!important;font-size:14px!important;line-height:1.65!important}.sot-welcome-disclosure{color:#a69eb2;margin-top:4px;font-size:10px;display:block}.sot-welcome-narrator audio{width:100%;margin:10px 0}.sot-welcome-narrator audio[hidden]{display:none}.sot-welcome-character:focus-visible,.sot-welcome-controls button:focus-visible,.sot-welcome-transcript summary:focus-visible{outline-offset:4px;outline:3px solid #eac789}.sot-welcome-compact{max-width:460px;margin-bottom:20px}.sot-welcome-compact .sot-welcome-stage{padding:22px 12px 18px}.sot-welcome-compact .sot-welcome-ring{width:160px;height:160px;top:26px}.sot-welcome-compact .sot-welcome-caption strong{font-size:20px}.sot-welcome-compact .sot-welcome-caption span{font-size:14px}.sot-welcome-magic{pointer-events:none;z-index:-1;background:radial-gradient(at 50% 35%,#49395b80,#0000 68%);position:absolute;inset:0;overflow:hidden}.sot-welcome-glow{filter:blur(32px);opacity:.55;border-radius:50%;width:70%;height:90%;animation:9s ease-in-out infinite alternate sotWelcomeGlow;position:absolute}.sot-welcome-glow.gold{background:radial-gradient(#c18738aa,#0000 66%);top:-20%;left:-25%}.sot-welcome-glow.violet{background:radial-gradient(#7656ceaa,#0000 66%);animation-delay:-4s;bottom:-30%;right:-22%}.sot-welcome-swirl{border:1px solid #edcc9220;border-radius:50%;width:310px;height:230px;margin:-115px 0 0 -155px;animation:14s linear infinite sotWelcomeSwirl;position:absolute;top:40%;left:50%;box-shadow:0 0 22px #edcc9214}.sot-welcome-swirl:before{content:"";filter:drop-shadow(0 0 6px #ffe0ab);border:2px solid #f0d09699;border-color:#f0d09699 #e8bb6455 #0000 #0000;border-radius:50%;position:absolute;inset:-1px}.sot-welcome-swirl.far{opacity:.65;width:360px;height:285px;margin:-142px 0 0 -180px;animation-duration:19s;animation-direction:reverse}.sot-welcome-swirl.far:before{border-top-color:#b49af8aa;border-left-color:#8c70dd44;border-right-color:#0000}.sot-welcome-sparks{position:absolute;inset:0}.sot-welcome-sparks i{opacity:0;background:#ffe3a6;border-radius:50%;width:3px;height:3px;animation:7s ease-in-out infinite sotWelcomeSpark;position:absolute;box-shadow:0 0 9px #ffd585}.sot-welcome-caption,.sot-welcome-character{z-index:1;position:relative}.sot-welcome-narrator[data-speaking=true] .sot-welcome-ring{transition:box-shadow .6s;box-shadow:0 0 45px #d4a56836,inset 0 0 40px #9d77e629}.sot-welcome-narrator .sot-welcome-voice-status{font-size:14px}.sot-welcome-disclosure{font-size:12px}@keyframes sotWelcomeGlow{to{opacity:.8;transform:translate(18%,12%)scale(1.1)}}@keyframes sotWelcomeSwirl{0%{transform:rotate(-18deg)}to{transform:rotate(342deg)}}@keyframes sotWelcomeSpark{0%,to{opacity:0;transform:translateY(20px)}35%,65%{opacity:.75}90%{transform:translate(18px,-32px)}}@keyframes sotWelcomeReveal{0%{opacity:.15;transform:scale(.38)}to{opacity:1;transform:scale(1)}}@keyframes sotWelcomeCopy{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.sot-welcome-narrator *{transition:none!important;animation:none!important}.sot-welcome-sparks i{opacity:.35}}.sot-welcome-character{width:240px;max-width:100%;height:330px}.sot-welcome-compact .sot-welcome-character{width:160px;height:220px}@media (width<=600px){.sot-welcome-character{width:200px;height:275px}}.welcome-experience .sot-welcome-stage{box-shadow:none;isolation:auto;background:0 0;border:0}.welcome-experience .sot-welcome-magic,.welcome-experience .sot-welcome-ring{display:none}.welcome-experience.welcome-entry{min-height:100dvh;padding:clamp(12px,3vh,32px) max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom));align-content:center;overflow:clip visible}.welcome-entry .intro-open-mic-video,.welcome-entry .intro-slides,.welcome-entry .intro-shade{height:100dvh;position:fixed}.welcome-experience.welcome-entry .intro-content{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:clamp(24px,5vw,72px);width:min(1060px,100%)}.welcome-entry-access{text-align:left;grid-area:1/2;width:100%}.welcome-entry-host{grid-area:1/1;width:100%;min-width:0}.welcome-entry-brand{letter-spacing:.15em;color:#edcf96;font-size:14px;font-weight:800}.welcome-entry .intro-content h1{letter-spacing:-.035em;margin:10px 0 0;font-size:clamp(28px,3.2vw,44px);line-height:1.06}.welcome-entry .intro-content .welcome-entry-motto{color:#edcf96;max-width:none;margin:12px 0;font-size:14px;font-weight:700;line-height:1.5}.welcome-entry .entry-login-button,.welcome-entry .welcome-continue{border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:46px;font-size:16px;display:flex;color:#17131b!important;box-shadow:none!important;background:#edcf96!important;margin:12px 0!important;padding:10px 14px!important}.welcome-entry .entry-login-button svg,.welcome-entry .welcome-continue svg{width:18px}.welcome-entry .entry-choice-heading{margin-top:12px}.welcome-entry .entry-choice-heading strong{font-size:14px}.welcome-entry .entry-choice-grid{grid-template-columns:1fr;gap:8px;margin-top:8px}.welcome-entry .entry-choice-grid>button{border-radius:12px;gap:10px;min-height:62px;padding:10px 12px}.welcome-entry .entry-choice-grid>button>span{width:32px;height:32px}.welcome-entry .entry-choice-grid strong{font-size:16px;line-height:1.25}.welcome-entry .entry-choice-grid small{font-size:14px;line-height:1.35}.welcome-entry-free{color:#d4d0db;margin-top:10px;font-size:12px;display:block}.welcome-entry .intro-install-wrap{width:100%;margin-top:8px}.welcome-entry .sot-welcome-compact{margin-bottom:0}.welcome-entry .sot-welcome-stage{padding:0}.welcome-entry .sot-welcome-character{width:160px;height:220px}.welcome-entry .sot-welcome-transcript[open]{max-height:180px;overflow-y:auto}.welcome-entry .intro-progress{display:none}@media (width<=700px){.welcome-experience.welcome-entry{padding-top:max(12px,env(safe-area-inset-top));align-content:start}.welcome-experience.welcome-entry .intro-content{grid-template-columns:minmax(0,1fr);gap:12px;max-width:460px}.welcome-entry-access,.welcome-entry-host{grid-area:auto/1}.welcome-entry .intro-content h1{margin-top:6px;font-size:28px}.welcome-entry .intro-content .welcome-entry-motto{margin:8px 0;font-size:14px}.welcome-entry .entry-choice-grid>button{min-height:52px;padding:8px 10px}.welcome-entry .entry-choice-grid small{display:none}.welcome-entry .entry-choice-grid strong{font-size:14px}.welcome-entry .entry-choice-heading{margin-top:8px}.welcome-entry .intro-install-wrap{display:none}.welcome-entry .sot-welcome-narrator{grid-template-columns:72px minmax(0,1fr);align-items:center;column-gap:10px;display:grid}.welcome-entry .sot-welcome-stage{grid-area:1/1/span 3;grid-template-columns:1fr;align-items:center}.welcome-entry .sot-welcome-character{grid-area:1/1/span 3;width:64px;height:88px}.welcome-entry .sot-welcome-caption{display:none}.welcome-entry .sot-welcome-narrator audio:not([hidden]){grid-column:1/-1}.welcome-entry .sot-welcome-controls{grid-column:2;margin-top:4px}.welcome-entry .sot-welcome-controls button{min-height:44px;padding:6px 12px}.welcome-entry .sot-welcome-voice-status{grid-column:2;margin:4px 0;font-size:12px}.welcome-entry .sot-welcome-transcript,.welcome-entry .sot-welcome-disclosure{grid-column:1/-1}.welcome-entry .sot-welcome-transcript summary{min-height:28px}}@media (width>=701px) and (height<=650px){.welcome-entry .intro-content h1{font-size:30px}.welcome-entry .entry-choice-grid small{display:none}.welcome-entry .entry-choice-grid>button{min-height:54px}.welcome-entry .intro-install-wrap{display:none}.welcome-entry .sot-welcome-character{width:120px;height:165px}}.welcome-entry .sot-welcome-narrator.sot-welcome-audio-only{flex-direction:column;align-items:center;gap:4px;display:flex}.welcome-entry .sot-welcome-audio-only .sot-welcome-controls{margin:0}