/* Sign-in hierarchy and visible, in-workspace creation. */
.auth-welcome{margin:4px 0 24px}.auth-welcome>span,.studio-eyebrow{font-size:11px;font-weight:750;letter-spacing:1.6px;color:#766c91}.auth-welcome h2{font-size:29px;line-height:1.16;letter-spacing:-1px;margin:12px 0}.auth-welcome p{font-size:14px;color:#70677e;line-height:1.6;margin:0}
.account-card .google-button{width:100%;min-height:58px;border:2px solid #6350d4;background:#f1edff;color:#302453;border-radius:13px;font-size:16px;font-weight:700;box-shadow:0 4px 14px #6350d414;display:flex;align-items:center;justify-content:center;gap:12px}.account-card .google-button:hover{background:#e8e1ff}.account-card .google-button>span{background:white;border-radius:7px;padding:5px 9px;color:#4285f4}.account-card .google-button:focus-visible{outline:3px solid #917cef;outline-offset:3px}
.email-login{margin-top:20px;border-top:1px solid #e9e4ef;padding-top:8px}.email-login>summary{cursor:pointer;text-align:center;min-height:44px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#665e75}.email-login>summary:after{content:'＋';margin-left:12px}.email-login[open]>summary:after{content:'−'}.email-login #auth-tabs{margin:12px 0}.auth-modal{width:min(460px,calc(100vw - 24px))}.auth-modal-header{margin-bottom:18px}.auth-next{overflow-wrap:anywhere}.auth-next small{line-height:1.5;display:block}.account-card [hidden]{display:none!important}
.app-studio .generation-overlay{position:static;inset:auto;z-index:auto;backdrop-filter:none;padding:0;margin:0 0 20px;display:block;background:transparent;overflow:visible}.app-studio .generation-overlay[hidden]{display:none}.app-studio .generation-card{box-sizing:border-box;width:100%;max-width:none;padding:28px;box-shadow:0 10px 35px #35254c08}.app-studio .preview-panel:has(.generation-overlay:not([hidden])) .preview-stage{display:none}.app-studio:has(.generation-overlay:not([hidden])){overflow:auto}.app-studio .generation-top{margin-bottom:18px}.app-studio .generation-card h2{font-size:25px}.app-studio .generation-steps li{padding:10px 0}
.recording-start{border:1.5px solid #bcb0eb;background:linear-gradient(125deg,#f0ebff,#faf8ff 75%);box-shadow:0 8px 28px #5842990a}.recording-start h3{font-size:26px}.recording-start-actions [data-record]{box-shadow:0 4px 12px #5943bb22}.recording-steps{display:flex;flex-wrap:wrap;gap:10px 16px;list-style:none;padding:0;margin:4px 0;color:#5e5372;font-size:12px}.recording-steps li{display:flex;align-items:center;gap:6px}.recording-steps b{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#e4dcf7;color:#6047b2}.recording-availability{padding:12px;border-radius:10px;background:#fff;border:1px solid #ded5ee;font-size:13px}.recording-start button:disabled{opacity:.5;cursor:wait}.website-source-heading>span{font-size:10px;letter-spacing:1.2px;font-weight:700;color:#82788f}.website-source-heading h3{font-size:20px;letter-spacing:-.5px;margin:8px 0}.website-source-heading p{font-size:13px;color:#756b81;line-height:1.6;margin:0 0 18px}.studio-eyebrow{display:block;margin-bottom:8px}
@media(max-width:760px){.auth-welcome h2{font-size:26px}.auth-modal .google-button{min-height:56px}.app-studio .generation-card{padding:20px}.app-studio .generation-overlay{padding:0}.recording-start h3{font-size:23px}.recording-steps{gap:8px;font-size:11px}.recording-start-actions{flex-direction:column}.recording-start-actions button{width:100%}.website-source-heading h3{font-size:19px}}
@media(prefers-reduced-motion:reduce){.generation-spinner{animation:none}}
.recording-shortcut{border:1px solid #d9ceef;background:#f1ebff;color:#5942aa;padding:12px 16px;border-radius:12px;font:600 14px inherit;min-height:44px;cursor:pointer}.recording-shortcut:disabled{opacity:.5;cursor:wait}.app-studio .project-heading{gap:14px;flex-wrap:wrap}.recording-home-link{max-width:620px;padding:16px 20px;border:1px solid #d9ceef;border-radius:14px;background:#f5f0ff}.recording-home-link a{font-size:16px;text-decoration:none}.recording-home-link span{line-height:1.6}
@media(max-width:760px){.app-studio .workspace:has(.generation-overlay:not([hidden]))>.preview-panel{order:-1}.app-studio .project-heading .recording-shortcut{font-size:13px;min-height:44px}.recording-home-link{margin:12px 16px}}
.recording-primary{max-width:780px;margin:16px auto;padding:20px;background:#f1ecff;border:1px solid #d9cef5;border-radius:20px;text-align:left}.recording-primary-actions{display:flex;gap:12px;margin-top:12px}.recording-primary-actions a{flex:1;display:flex;justify-content:center;align-items:center;min-height:54px;border-radius:12px;text-decoration:none;font-size:16px;font-weight:700;padding:12px 18px;box-sizing:border-box}.recording-upload{background:#fff;border:1px solid #cfc3eb;color:#58429f}.recording-primary p{font-size:13px;line-height:1.6;color:#6b5b81;margin:12px 0 0}.website-alternative{max-width:780px;margin:14px auto;text-align:left;border-bottom:1px solid #e6deef;padding-bottom:12px}.website-alternative summary{cursor:pointer;min-height:44px;display:flex;align-items:center;justify-content:space-between;color:#645970;font-weight:600;font-size:14px}.website-alternative>p{font-size:13px;line-height:1.6;color:#786c87}.website-alternative .link-form{width:100%;box-sizing:border-box}.example-kind{text-align:center;font-size:12px;color:#81758f;margin:24px 0 10px}.brand-hero .brand-intro h1{font-size:clamp(36px,5vw,74px)}
@media(max-width:600px){.recording-primary{padding:16px;margin:12px 16px}.recording-primary-actions{flex-direction:column;gap:8px}.recording-primary-actions a{font-size:15px;min-height:48px}.website-alternative{margin:12px 18px}.website-alternative summary{font-size:13px;gap:8px}.example-kind{margin-top:18px}}

.source-choice{margin-bottom:20px}.source-choice h2{font-size:24px;line-height:1.2;margin:0 0 8px}.source-choice p{font-size:14px;color:#756b81}.source-choice [role=group]{display:grid;grid-template-columns:1fr 1fr;gap:10px}.source-choice button{padding:16px;text-align:left;border:1px solid #dcd4ea;border-radius:14px;background:white;color:#342747;cursor:pointer;min-height:82px}.source-choice button[aria-pressed=true]{border:2px solid #7254df;background:#f2edff}.source-choice strong,.source-choice span{display:block}.source-choice span{font-size:12px;line-height:1.5;margin-top:6px;color:#756b81}.app-studio #recording-start[hidden],.app-studio #import-form[hidden]{display:none!important}.app-studio .editor-pane{scroll-margin-top:90px}.source-choice button:focus-visible{outline:3px solid #a791ef;outline-offset:3px}@media(max-width:480px){.source-choice h2{font-size:21px}.source-choice button{padding:12px}.source-choice strong{font-size:14px}}

#panel-product:has(#recording-start:not([hidden])) .template-start{display:none}