:root{color-scheme:light;--ink:#202736;--muted:#78808f;--purple:#6d4ee5;--line:#e7e9ef;--accent:#6d4ee5}*{box-sizing:border-box}body{margin:0;font:14px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#f5f6fa;color:var(--ink)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b8a5ff;outline-offset:3px}p{line-height:1.65;color:var(--muted)}.sidebar{width:246px;position:fixed;inset:0 auto 0 0;background:white;border-right:1px solid var(--line);padding:33px 21px;z-index:20;display:flex;flex-direction:column}.logo{display:flex;gap:11px;align-items:center;font-size:20px;font-weight:800;letter-spacing:-.8px;white-space:nowrap}.logo-mark{background:#7959e9;color:white;width:37px;height:42px;border-radius:11px;display:grid;place-items:center;font-size:25px;position:relative}.logo-mark span{font-size:9px;position:absolute;right:5px;bottom:7px;color:#d8ff97}.logo-light{font-weight:450}.logo small{display:block;font-size:8px;letter-spacing:1.5px;color:#9398a5;margin-top:6px}.nav-label{font-size:10px;font-weight:750;letter-spacing:1.6px;margin:45px 15px 14px;color:#9ba0ad}.nav-item{display:flex;gap:13px;align-items:center;padding:15px 13px;border-radius:10px;margin:5px 0;color:#737b8c;font-weight:600;font-size:13px;transition:background .2s,color .2s}.nav-item:hover{background:#f5f2ff;color:#6043d3}.nav-item.active{background:#eee9ff;color:#694bd5}.nav-icon{font-size:17px;min-width:24px;text-align:center}.nav-item:nth-child(2) .nav-icon{font-size:12px;font-weight:800}.sidebar-note{margin-top:auto;background:#f8f7fc;border:1px solid #eeebf5;border-radius:13px;padding:18px}.sidebar-note>span{display:block;font-size:26px;color:#9d83ee;margin-bottom:9px}.sidebar-note strong{font-size:12px}.sidebar-note p{font-size:11px;margin:8px 0 0;line-height:1.6}.local-badge{font-size:10px;color:#959aa7;margin-top:22px;text-align:center}.local-badge i{display:inline-block;width:6px;height:6px;background:#76b394;border-radius:50%;margin-right:5px}.workspace{margin-left:246px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 3px 15px #26314903}.topbar-title{font-weight:700;font-size:17px;display:flex;gap:14px;align-items:center}.top-actions{display:flex;align-items:center;gap:22px;font-size:12px}.admin-name{display:flex;align-items:center;gap:9px;color:#5e6573}.avatar{width:30px;height:30px;display:grid;place-items:center;background:#eae4ff;color:#7959e9;border-radius:50%;font-size:12px;font-weight:700}.view-link{color:#777e8b}.signout{background:white;border:1px solid #e3e5ec;padding:8px 13px;border-radius:7px;color:#596170}.menu-toggle{display:none;border:0;background:#f0eaff;color:#7959e9;border-radius:6px;padding:7px 10px}.dashboard{padding:32px 38px;max-width:1450px;width:100%;margin:0 auto;display:block}.welcome{background:linear-gradient(110deg,#ebe5fe,#f0edff 58%,#e3edff);border:1px solid #e5dff5;border-radius:18px;padding:37px 40px;display:flex;justify-content:space-between;gap:30px;overflow:hidden}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.7px;color:#8974bd}.welcome h1{font-size:38px;line-height:1.15;letter-spacing:-1.5px;margin:14px 0}.welcome p{max-width:400px;font-size:13px;color:#7a728f;margin:0 0 25px}.action-button{display:inline-flex;gap:24px;padding:13px 17px;background:#7353de;color:white;font-size:12px;font-weight:650;border-radius:8px;box-shadow:0 5px 15px #7959e920}.hero-puzzle{align-self:center;display:grid;grid-template-columns:repeat(3,66px);gap:9px;transform:rotate(-8deg);margin:0 40px 0 10px;position:relative}.hero-puzzle>span{font-size:37px;background:#fff9;display:grid;place-items:center;width:66px;height:66px;border-radius:15px;box-shadow:0 5px 15px #6958960c}.hero-puzzle .different{background:#d3f4d7;transform:rotate(12deg) scale(1.12);border:2px solid #fff}.hero-sticker{position:absolute;bottom:-20px;right:-42px;background:#d5ff9d;padding:10px 14px;border-radius:8px;font-size:9px;font-weight:800;letter-spacing:1px;transform:rotate(13deg);white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0 35px}.stats>div{display:flex;gap:15px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:19px}.stat-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:11px;font-size:24px}.lavender{background:#eee9ff;color:#8c70e5}.mint{background:#e6f4ee;color:#5b9e83}.peach{background:#fff0e7;color:#cf956a}.stats strong{display:block;font-size:22px;line-height:1.2}.stats div>div>span{display:block;font-size:10px;color:#949aa7;margin-top:7px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.section-heading h2{font-size:19px;margin:0}.section-heading p{font-size:12px;margin:7px 0 0}.small-label{font-size:9px;letter-spacing:1px;color:#a4a8b3}.format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.format-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:transform .2s,box-shadow .2s}.format-card:hover{transform:translateY(-3px);box-shadow:0 12px 25px #2730440a}.format-art{height:152px;display:flex;align-items:center;justify-content:center;gap:8px;padding:15px}.numbers-art{background:radial-gradient(circle at top right,#ddd2ff,transparent),#efeafa}.emoji-art{background:radial-gradient(circle at top right,#d3eed3,transparent),#e8f5e9}.memory-art{background:radial-gradient(circle at top right,#ffd9b9,transparent),#fff0e1}.format-art span{width:47px;height:54px;background:#fff9;border:2px solid #fff;border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:25px;color:#7a639e;box-shadow:0 7px 12px #5541630a;transform:rotate(-6deg)}.format-art span:nth-child(even){transform:rotate(7deg);margin-top:18px}.numbers-art span:last-child{background:#ae93e6;color:white}.memory-art span:nth-child(3){background:#f0c295;color:white}.format-info{padding:21px}.format-type{font-size:8px;color:#a1a6b1;font-weight:700;letter-spacing:1.4px}.format-info h3{font-size:17px;margin:10px 0}.format-info b{float:right;color:#9b88bf;font-size:18px}.format-info p{font-size:12px;margin:0 0 20px;min-height:40px}.format-meta{font-size:9px;color:#969caa;display:block;border-top:1px solid #f0f1f5;padding-top:14px}.recent{margin-top:32px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:23px}.empty-state{text-align:center;border:1px dashed #e6e4ed;border-radius:9px;padding:26px;color:#9a9fa9;font-size:12px}.empty-state a{display:block;margin-top:11px;color:#8469d7;font-weight:650}.export-row{display:flex;align-items:center;gap:20px;padding:14px 0;border-top:1px solid #f0f1f5;font-size:12px}.export-row>span{color:#8e95a3}.export-row strong{flex:1}.export-badge{background:#f3f0fb;border-radius:6px;padding:6px;font-size:10px}.app-footer{margin-top:auto;padding:22px 38px;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:10px;color:#969ca8;background:transparent}.app-footer a{color:#8065cf}.back-top{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));right:22px;z-index:10;border:0;border-radius:10px;background:#7353de;color:white;width:40px;height:40px;font-size:20px;transition:transform .2s,opacity .2s}.back-top:hover{transform:translateY(-3px)}[hidden]{display:none!important}.nav-shade{display:none}
/* Studio controls share the dashboard's compact white card language. */
.studio-main{padding:30px;gap:28px;grid-template-columns:minmax(330px,1fr) 335px;max-width:1280px;margin:auto;width:100%;align-items:start}.studio-main h1{font-size:29px;color:#242b3a;letter-spacing:-1px}.studio-main>div>p{font-size:13px}.studio-main .pill{color:#8b6cdc}.studio-main .section{background:white;border:1px solid var(--line);padding:19px;border-radius:13px}.studio-main h2{color:#424b60;font-size:14px}.studio-main input,.studio-main select{background:#fafbfe;color:#414b60;border:1px solid #e0e4ee;padding:10px;font-size:12px}.studio-main label{color:#8a92a3;font-size:11px}.studio-main .btn{background:#f4f1fd;border:1px solid #e8e2f4;color:#8265ca;font-size:11px;padding:10px 13px}.studio-main .primary{background:#7656df;color:white;border-color:#7656df}.studio-main .puzzle{background:linear-gradient(115deg,var(--tint),#fafaff);border:1px solid #eaebf1;padding:15px}.studio-main .puzzle .rule{color:#7e8799;font-size:11px}.studio-main .seq{color:#364056;font-size:22px}.studio-main .notice{background:#f4f1fb;color:#8e81a7;font-size:10px}.studio-main .small{color:#8c94a3;font-size:11px}.studio-main .status{color:#8790a1;font-size:12px}.studio-main #download{color:#7656df;font-weight:700}.studio-main .stage{background:#e8e4f0;border:1px solid #e1dbea;padding:9px;max-width:290px;box-shadow:0 15px 40px #30234f12}.studio-main .preview{top:22px}.studio-main .controls{max-width:290px}.studio-main .scrub{accent-color:#7656df;background:transparent;padding:0}.studio-main progress{accent-color:#7656df}.studio-main .fields{gap:13px;margin-top:17px}
/* Sign-in */
.login-page{display:grid;grid-template-columns:1.05fr 1fr;min-height:100vh;background:white}.login-art{padding:45px 65px;display:flex;flex-direction:column;background:radial-gradient(circle at 10% 80%,#6645ab,transparent 50%),linear-gradient(140deg,#181c31,#39275e);color:#fff;min-height:100vh}.login-wordmark{font-size:23px;font-weight:750;letter-spacing:-1px}.login-wordmark span{color:#cdff9b}.login-pitch{margin:auto 0;padding:60px 0}.login-pitch .eyebrow{color:#b9a4e0;font-size:9px}.login-pitch h1{font-size:59px;line-height:1.08;letter-spacing:-2px;margin:20px 0}.login-pitch em{font-style:normal;color:#d0ff9c}.login-pitch p{max-width:345px;color:#b1a8c5;font-size:13px}.demo-tiles{display:flex;gap:15px;margin-top:35px}.demo-tiles span{display:grid;place-items:center;width:70px;height:76px;background:#e6d7ff;color:#4d326d;border-radius:14px;font-size:32px;font-weight:800;transform:rotate(-9deg)}.demo-tiles span:nth-child(2){background:#ffd7ac;transform:rotate(8deg)}.demo-tiles span:last-child{background:#cef5bd;transform:rotate(-5deg)}.login-art>small{color:#9c92b0;font-size:10px}.login-art a{color:#c6afec}.login-form{display:flex;align-items:center;justify-content:center;padding:45px}.login-form>div{width:100%;max-width:360px}.login-form h2{font-size:30px;letter-spacing:-1px;margin:15px 0 10px}.login-form p{font-size:13px;margin:0 0 30px}.login-form label{display:block;color:#657084;font-size:12px;font-weight:600;margin-top:20px}.login-form input{display:block;width:100%;border:1px solid #dfe3ec;border-radius:8px;padding:13px;margin-top:9px;background:#fbfcfe;color:#293449}.login-submit{width:100%;background:#7755df;border:0;border-radius:8px;color:#fff;padding:14px;margin:25px 0;font-weight:600}.login-form .login-help{font-size:11px;color:#a3a9b5;text-align:center}.error{padding:12px;border:1px solid #f0caca;border-radius:7px;color:#a34b4b;background:#fff4f4;font-size:12px}
@media(min-width:1500px){.studio-main{grid-template-columns:1fr 410px}.studio-main .stage,.studio-main .controls{max-width:330px}}@media(max-width:1100px){.sidebar{width:215px;padding:25px 14px}.workspace{margin-left:215px}.topbar{padding:0 24px}.dashboard{padding:25px}.welcome{padding:30px}.hero-puzzle{margin-right:10px;grid-template-columns:repeat(3,52px)}.hero-puzzle>span{width:52px;height:52px;font-size:30px}.format-grid{gap:13px}.format-info{padding:16px}.format-info h3{font-size:15px}.format-art{gap:4px}.format-art span{width:36px;height:47px;font-size:22px}.studio-main{grid-template-columns:minmax(280px,1fr) 270px;padding:24px;gap:20px}.studio-main .stage{max-width:245px}.stats>div{padding:15px;gap:10px}.stats div>div>span{font-size:9px}.top-actions{gap:12px}}
@media(max-width:900px){.studio-main{display:flex;flex-direction:column}.studio-main>div,.studio-main>aside{width:100%}.studio-main .preview{position:static;order:-1}.studio-main .stage{max-width:235px}.format-grid{grid-template-columns:1fr}.format-card{display:grid;grid-template-columns:180px 1fr}.format-art{height:100%}.format-info p{min-height:0}.hero-puzzle{display:none}.welcome h1{font-size:35px}.stats{gap:10px}.stats>div{display:block}.stat-icon{width:32px;height:32px;font-size:19px;margin-bottom:10px}.login-art{padding:35px}.login-pitch h1{font-size:44px}.login-form{padding:30px}}
@media(max-width:650px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:246px}.workspace{margin-left:0}.menu-toggle{display:block}.nav-open .sidebar{transform:translateX(0)}.nav-open .nav-shade{display:block;position:fixed;inset:0;background:#151b3355;z-index:19}.topbar{height:70px;padding:0 18px}.top-actions{gap:8px}.admin-name,.view-link{display:none}.topbar-title{font-size:15px}.dashboard{padding:20px 17px}.welcome{padding:27px}.welcome h1{font-size:32px}.stats strong{font-size:19px}.stats div>div>span{line-height:1.5}.section-heading h2{font-size:17px}.small-label{display:none}.format-card{grid-template-columns:1fr}.format-art{height:125px}.format-art span{width:48px;height:54px}.app-footer{padding:20px 17px;gap:12px;font-size:9px}.recent{padding:18px}.export-row{flex-wrap:wrap;gap:8px}.export-row strong{flex-basis:100%}.studio-main{padding:22px 17px}.studio-main .fields{grid-template-columns:1fr 1fr}.studio-main .wide{grid-column:1/-1}.login-page{display:block}.login-art{min-height:auto;padding:25px}.login-pitch{padding:28px 0}.login-pitch h1{font-size:36px;margin:10px 0}.login-pitch p,.demo-tiles,.login-art>small{display:none}.login-form{padding:35px 25px}.login-form h2{font-size:27px}.login-wordmark{font-size:19px}.login-pitch .eyebrow{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.sidebar{overflow-y:auto}.nav-label{margin-top:30px}.nav-item{padding:12px 13px}.custom-editor{margin-top:17px}.custom-editor summary{cursor:pointer;font-size:12px;font-weight:650;color:#7656df;margin-bottom:14px}.custom-editor textarea{width:100%;display:block;margin:10px 0;border:1px solid #dfe3ed;border-radius:9px;background:#fafbfe;color:#3b445a;padding:13px;font:13px/1.7 system-ui;resize:vertical}.studio-main .custom-editor p{margin:10px 0}.custom-editor textarea:focus-visible{outline:3px solid #b8a5ff;outline-offset:2px}

.studio-main .fields textarea{display:block;width:100%;min-height:112px;margin-top:7px;padding:10px;border:1px solid #e0e4ee;border-radius:8px;background:#fafbfe;color:#414b60;font:12px/1.65 system-ui,sans-serif;resize:vertical;transition:border-color .15s,box-shadow .15s}.studio-main .fields textarea:focus-visible{outline:2px solid #b8a5ff;outline-offset:2px;border-color:#997cde}.studio-main .fields textarea:disabled{opacity:.6}

/* Comfortable YouTube controls on phones, without input-focus zoom. */
#youtube-panel{min-width:0}#youtube-panel .row{flex-wrap:wrap}#yt-title{min-width:0}#yt-link{overflow-wrap:anywhere}
@media(max-width:650px){#youtube-panel .btn{min-height:44px}#youtube-panel input,#youtube-panel textarea{font-size:16px}#yt-upload,#yt-auto-copy{width:100%}#youtube-panel .row .btn{flex:1}#youtube-panel .small{font-size:12px}}
/* Account and Google setup */
.account-main{width:100%;max-width:960px;margin:0 auto;padding:32px 38px}.account-main h1{font-size:30px;letter-spacing:-1px;margin:0 0 10px}.account-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:25px;margin:22px 0}.account-card h2{font-size:19px;margin:0 0 15px}.account-card h3{font-size:23px;margin:0 0 10px}.account-card p{font-size:13px}.account-card a:not(.action-button){color:#6744c5}.account-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid #dcd7ed;background:#fff;color:#6142be;border-radius:8px;padding:11px 17px;font-weight:650;font-size:13px}.primary-button{background:#7353de;color:#fff;border-color:#7353de}.inline-form{display:inline-block;margin:10px 8px 10px 0}.connection-badge{padding:7px 11px;background:#eee9ff;color:#6040b8;border-radius:20px;font-size:11px;white-space:nowrap}.success-notice{padding:15px;border:1px solid #cde7da;background:#eefaf3;color:#286348;border-radius:10px;font-size:13px}.account-main .error{color:#963b3b}.settings-form label,.channel-picker label{display:block;font-size:13px;color:#596174;margin:18px 0}.settings-form input,.channel-picker select{display:block;width:100%;margin-top:9px;padding:12px;border:1px solid #dce0e9;border-radius:8px;background:#fbfcfe;color:#263248;font:inherit}.callback-url{display:block;overflow-wrap:anywhere;background:#f5f2fc;color:#6040b8;padding:13px;margin:10px 0;font-size:13px}.setup-steps{padding-left:22px;color:#626d80;line-height:1.8;font-size:13px}.setup-steps li{margin:10px 0}.upload-history{display:flex;gap:16px;justify-content:space-between;border-top:1px solid #edf0f5;padding:15px 0;font-size:13px}.upload-history a{overflow-wrap:anywhere}.upload-history span{color:#7f899a;font-size:11px;white-space:nowrap}.account-identity{font-size:12px;color:#646d7e;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.google-button{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;min-height:44px;background:white;border:1px solid #747775;border-radius:4px;color:#1f1f1f;font:500 14px Arial,sans-serif;padding:12px;margin:20px 0}.google-button:hover{background:#f8faff;box-shadow:0 1px 3px #0002}.admin-login{margin-top:25px;border-top:1px solid #e5e8ef;padding-top:18px}.admin-login summary{cursor:pointer;font-size:12px;color:#727d8f}.login-form .legal-links{font-size:12px;margin:25px 0 0;color:#7254c7}.setup-note{background:#f5f2fc;color:#6a578e;padding:15px;line-height:1.6;border-radius:8px;font-size:13px}.account-card .small{font-size:12px}.delete-account{margin-top:20px}.delete-account input{max-width:220px}.delete-account button{color:#9e3d43}.studio-main #youtube-panel .btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.studio-main #youtube-panel select{width:100%}
@media(max-width:650px){.account-main{padding:24px 17px}.account-main h1{font-size:25px}.account-card{padding:20px}.account-identity{max-width:110px;font-size:11px}.upload-history{flex-direction:column;gap:7px}.account-card .inline-form{display:block;margin-right:0}.inline-form .account-button{width:100%}.settings-form input,.channel-picker select{font-size:16px}.account-main .section-heading{gap:10px}.studio-main #youtube-panel .fields{grid-template-columns:1fr}.studio-main #youtube-panel select{font-size:16px;min-height:44px}.login-form .google-button{min-height:48px}}

/* Make upload outcomes and the next action unmistakable. */
.studio-main .upload-result{margin:18px 0;padding:20px;border-radius:12px;border:1px solid #c6d8ef;background:#eef5ff;color:#23466c}.studio-main .upload-result strong{display:block;font-size:19px;line-height:1.4}.studio-main .upload-result p{font-size:14px;line-height:1.6;color:inherit;margin:8px 0 0}.studio-main .upload-result[data-kind="success"],.studio-main .upload-result[data-kind="warning"]{background:#eaf8ef;border-color:#9fd3b1;color:#195d35}.studio-main .upload-result[data-kind="error"]{background:#fff0ee;border-color:#e6b4ad;color:#8b3026}.upload-result-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}.studio-main .upload-result-actions a{display:inline-flex;align-items:center;min-height:44px;background:#fff;border:1px solid currentColor;border-radius:8px;padding:10px 14px;color:inherit;font-size:13px;font-weight:700}.studio-main .upload-next-step{padding:12px 14px;border-left:3px solid #7959e9;background:#f4f0ff;color:#513d7b;font-size:13px;line-height:1.5;margin:16px 0}.studio-main #yt-channel{font-size:14px;font-weight:700;color:#36465b}.studio-main #yt-upload:disabled{opacity:.65}#yt-progress{margin-top:15px}@media(max-width:650px){.upload-result-actions a{width:100%;justify-content:center}.studio-main .upload-result{padding:16px}}

/* Keep the finished export in the same portrait frame as the source video. */
.studio-main #result{display:block;width:min(100%,330px);height:auto;aspect-ratio:9/16;object-fit:contain;background:#07090e;border-radius:14px;margin:20px auto 0}.studio-main #result.hidden{display:none}
/* Clear steps and comfortable controls across the creation flow. */
.brand-icon{flex:none;border-radius:11px}.studio-intro{grid-column:1/-1;display:block;padding:0;border:0;width:100%}.studio-intro p{font-size:14px;color:#657087;margin-bottom:18px}.studio-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:700px}.studio-steps a{display:flex;align-items:center;gap:9px;padding:12px;background:#fff;border:1px solid #e2dfed;border-radius:10px;color:#564577;font-size:13px;font-weight:650;min-height:48px}.studio-steps a:hover{background:#eee8ff;border-color:#a58cde}.studio-steps b{display:grid;place-items:center;background:#eee8ff;color:#6946c1;width:25px;height:25px;border-radius:50%;flex:none}.preview-shortcut{display:none}.studio-main .section,.studio-main .preview{scroll-margin-top:22px}.studio-main .step-help{font-size:13px;line-height:1.6;color:#657087;margin:10px 0 0}.style-options{margin-top:18px;border-top:1px solid #eceaf3;padding-top:8px}.style-options summary{cursor:pointer;padding:12px 0;color:#594579;font-size:13px;font-weight:650;min-height:44px}.style-options summary span{font-weight:400;color:#70798a;margin-left:8px}.studio-main .small,.studio-main .status{font-size:13px;color:#606d80}.studio-main label{font-size:13px;color:#596579}.studio-main .btn{font-size:13px;min-height:44px}.studio-main input,.studio-main select,.studio-main .fields textarea{font-size:14px;min-height:44px}.studio-main .notice{font-size:12px;color:#645379;line-height:1.6}.studio-main h2{font-size:17px}.studio-main .review-upload-link{display:inline-flex;margin:14px 0 0 12px;align-items:center}.studio-main .review-upload-link.hidden{display:none}.studio-main #download{display:inline-flex;align-items:center;min-height:44px}.studio-main #download.hidden{display:none}.studio-main .row{flex-wrap:wrap}a:focus-visible,summary:focus-visible{outline:3px solid #9273e2;outline-offset:4px}
@media(max-width:900px){.studio-main .studio-intro{order:-2}.preview-shortcut{display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:#6846bb;margin-top:8px}.studio-main .preview{order:-1}.studio-steps{max-width:none}.studio-main{gap:20px}}
@media(max-width:650px){.studio-steps{grid-template-columns:repeat(2,1fr)}.studio-main input,.studio-main select,.studio-main .fields textarea{font-size:16px}.studio-main .fields{grid-template-columns:1fr}.studio-main #export,.studio-main #download,.studio-main .review-upload-link{width:100%;justify-content:center;text-align:center;margin-left:0}.studio-main .section{padding:18px}.studio-intro h1{font-size:26px}.studio-main .preview{border:1px solid #e4dfef;background:#fff;border-radius:14px;padding:18px}.studio-main .preview .small{font-size:12px}}
/* One open creation step, with explicit completion before moving forward. */
.studio-main .guided-step{padding:0;overflow:hidden}.studio-main .guided-step>h2{margin:0}.step-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:0;background:#fff;color:#364056;font:650 16px/1.5 system-ui;text-align:left;padding:20px;min-height:64px}.step-toggle:disabled{opacity:1;color:#727b8b;background:#fafbfe;cursor:not-allowed}.step-state{font-size:11px;font-weight:500;white-space:nowrap;color:#7053b8}.step-toggle:disabled .step-state{color:#737b89}.guided-step[data-active="true"]{border-color:#b6a1ec;box-shadow:0 4px 18px #6f4ac00a}.guided-step[data-active="true"] .step-toggle{background:#f6f2ff}.step-body{padding:20px;border-top:1px solid #eeeaf5}.studio-main .step-continue{display:block;margin-top:22px}.studio-steps a[aria-disabled="true"]{color:#727b8b;background:#f8f9fc;cursor:not-allowed}.studio-steps a[aria-current="step"]{border-color:#9876de;background:#f0eaff}.generated-review{padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid #eeeaf5}.generated-review h3{font-size:15px;color:#424b60;margin:0 0 12px}.generated-review #download{display:flex!important;justify-content:center}.studio-main .guided-step .step-body>.row:empty{display:none}@media(max-width:650px){.step-toggle{padding:16px;font-size:15px}.step-body{padding:16px}.studio-main .step-continue{width:100%}}

.upload-result-actions a.hidden{display:none!important}
.own-video-option{margin-top:18px;padding:16px 18px;background:#fff;border:1px solid #dfd8ed;border-radius:12px;max-width:700px}.own-video-option summary{cursor:pointer;color:#6043a3;font-weight:650;font-size:14px;min-height:28px}.video-file-label{margin-top:15px}.studio-main .video-file-label input{width:100%;background:#f7f4ff}.own-video-option .small{margin:12px 0 0}.generated-review #result{max-height:65vh;width:auto;max-width:100%}
.music-library{padding-top:18px;margin-top:4px;border-top:1px solid #e8e3f0}.music-library h3{font-size:16px;margin:0 0 8px;color:#473b65}.music-library audio{display:block;width:100%;margin:14px 0;max-width:100%}.music-library label{margin-top:14px}.music-library input[type=range]{padding:0;min-height:30px}.music-library output{font-size:12px;color:#6043a3}.music-library .save-music{margin:16px 0;padding:14px;border:1px solid #e5ddf1;border-radius:10px;background:#faf8ff}.save-music summary{min-height:30px;cursor:pointer;color:#6043a3;font-weight:650;font-size:14px}.save-music .btn{margin:12px 0}.music-library .music-or{margin:14px 0 0;font-weight:650}.music-library #music-credit{overflow-wrap:anywhere;font-size:11px;line-height:1.6}.music-library #music-remove.hidden{display:none}.music-library #music-file{width:100%}
.music-choice-row{display:grid;grid-template-columns:minmax(0,1fr) 180px;align-items:end;gap:20px}.music-choice-row>label{min-width:0}.music-choice-row input[type=range]{accent-color:#7353de;width:100%}.music-choice-row output{display:block;text-align:right;font-weight:700}.music-library{margin-top:20px}.music-library>h3{font-size:17px}@media(max-width:650px){.music-choice-row{grid-template-columns:1fr;gap:4px}}
.music-track-control{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin-top:14px}.music-track-control label{margin:0}.studio-main .music-track-control #audio-preview{height:44px;margin:0;white-space:nowrap}.music-volume-control{display:grid;grid-template-columns:auto minmax(70px,1fr) 90px;align-items:center;gap:14px;margin:18px 0 8px}.music-volume-control label{margin:0}.studio-main .music-volume-control input{margin:0;accent-color:#7353de}.music-volume-control output{text-align:right;font-weight:700}.audio-url-card{margin:22px 0 16px;padding:20px;border:1px solid #ddd5ee;border-radius:14px;background:linear-gradient(135deg,#faf8ff,#fff)}.audio-url-heading{display:flex;align-items:center;gap:12px;margin-bottom:18px}.audio-url-heading>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#eee7ff;color:#7353de;font-size:22px;flex:none}.audio-url-heading h4{font-size:16px;color:#463264;margin:0 0 5px}.audio-url-heading p,.audio-url-footer p{font-size:12px;color:#667085;line-height:1.6;margin:0}.audio-url-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.audio-url-fields label>span{font-size:11px;color:#747c8b}.audio-url-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px}.audio-url-footer .btn{flex:none}.audio-url-card #music-save-status:empty{display:none}.audio-url-card #music-save-status{margin:14px 0 0}.music-library #music-credit:empty{display:none}@media(max-width:650px){.music-track-control{grid-template-columns:1fr}.studio-main .music-track-control #audio-preview{justify-self:end}.music-volume-control{grid-template-columns:auto 1fr 70px;gap:8px}.music-volume-control output{font-size:11px}.audio-url-card{padding:16px}.audio-url-fields{grid-template-columns:1fr;gap:0}.audio-url-footer{align-items:stretch;flex-direction:column}.audio-url-footer .btn{width:100%}}