:root{--ink:#20242b;--muted:#606a78;--line:#e2e6ed;--paper:#fff;--accent:#25272e;--green:#25272e}body{color:var(--ink)}.studio-header .wordmark{color:var(--ink);display:inline-flex;align-items:center;gap:10px;font-size:28px;letter-spacing:-1px;line-height:1;white-space:nowrap}.studio-header .wordmark img{display:block;width:32px;height:32px;flex:none;border-radius:8px}.studio-form-footer .action.dark,.export-card .action.dark{background:#25272e;color:#fff;border:1px solid #25272e}.studio-form-footer .action.soft{background:#fff;color:#394150;border:1px solid #dce1e8}.studio-local .status-dot{background:#78818e}.studio-header .wordmark span{color:inherit}
body{background:#f8fafc}.studio-header{height:76px;display:flex;align-items:center;padding:0 32px;gap:22px;border-bottom:1px solid var(--line);background:white}.studio-label{font-size:12px;letter-spacing:.12em;color:#606a78;border-left:1px solid var(--line);padding-left:22px}.studio-header>a:last-child{margin-left:auto;font-size:14px;color:#78818e}.studio-layout{display:grid;grid-template-columns:238px minmax(430px,1fr) 390px;max-width:1600px;margin:auto;min-height:calc(100vh - 76px)}.studio-steps{border-right:1px solid var(--line);padding:38px 27px;display:flex;flex-direction:column}.studio-steps h1{font-size:21px;line-height:1.6;letter-spacing:-.6px;margin:8px 0 33px}.studio-steps nav{display:grid;gap:9px}.studio-steps nav button{display:flex;gap:13px;border:0;border-radius:9px;background:none;text-align:left;padding:14px 11px;color:#606a78;font-size:14px;align-items:center}.studio-steps nav b{font-size:14px;font-weight:600}.studio-steps nav small{display:block;font-size:12px;font-weight:400;color:#78818e;margin-top:4px}.studio-steps nav button.selected{color:#25272e;background:#f3f5f8;font-weight:700}.studio-local{font-size:12px;color:#606a78;margin-top:auto;padding-top:60px}.studio-local p{font-size:12px;color:#606a78;line-height:1.8}.back-library{font-size:14px;color:#78818e;margin-top:25px}.studio-editor{padding:44px 40px 30px;background:#fff;min-width:0}.step-number{color:#78818e;font-size:12px;letter-spacing:.1em}.studio-step h2{font-size:28px;letter-spacing:-1px;margin:10px 0 13px;line-height:1.35}.step-intro{font-size:14px;color:#606a78;line-height:1.9;margin:0 0 27px;max-width:490px}.logo-upload{display:flex;align-items:center;gap:19px;cursor:pointer;border:1px dashed #dce1e8;padding:22px;border-radius:11px;background:#fafbfd;margin-bottom:8px;transition:border-color .2s}.logo-upload:hover{border-color:#606a78}.logo-upload>div,.logo-upload>img{width:60px;height:60px;border-radius:12px;background:white;border:1px solid #e9edf2;display:grid;place-items:center;object-fit:contain;padding:10px}.logo-upload svg{height:22px;width:22px;color:#606a78}.logo-upload strong{font-size:14px;font-weight:650}.logo-upload small{display:block;font-size:12px;color:#606a78;margin-top:7px}.field{display:block;color:#606a78;font-size:14px;margin-top:20px;position:relative}.field em{font-style:normal;font-size:12px;color:#606a78;margin-left:5px}.field input,.field textarea{display:block;width:100%;margin-top:8px;border:1px solid #e9edf2;border-radius:7px;color:#20242b;background:#fff;padding:12px 13px;font-size:14px;min-height:44px;font-family:inherit;line-height:1.7}.field input::placeholder,.field textarea::placeholder{color:#78818e;font-size:14px}.field input:focus,.field textarea:focus{border-color:#606a78;outline:2px solid #f3f5f8;outline-offset:0}.field textarea{resize:vertical}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.color-field{border:1px solid #e9edf2;border-radius:7px;display:flex;align-items:center;gap:10px;margin-top:8px;min-height:45px;padding:7px 11px}.color-field input{border:0;padding:0;width:25px;height:25px;min-height:0;margin:0;border-radius:4px;overflow:hidden;cursor:pointer}.color-field span{font-size:12px;color:#606a78}.theme-swatches{display:flex;align-items:center;gap:10px;margin-top:23px}.theme-swatches button{width:19px;height:19px;border:3px solid #fff;background:var(--swatch);border-radius:50%;outline:1px solid #e9edf2}.theme-swatches button.selected{outline:2px solid #78818e}.theme-swatches>span{font-size:12px;color:#78818e;margin-left:5px}.field-error{font-size:14px;color:#4b5563;margin:9px 0;min-height:0}.studio-note{padding:19px 20px;background:#fafbfd;border:1px solid #f3f5f8;border-radius:9px;margin-top:25px}.studio-note strong{font-size:14px;color:#606a78}.studio-note p{font-size:14px;color:#606a78;line-height:1.9;margin:8px 0 0}.integration-group{padding:20px 0 25px;border-top:1px solid var(--line)}.integration-group h3,.integration-group summary{font-size:16px;font-weight:700;margin:0;color:#20242b}.integration-group h3 span,.integration-group summary>span{font-size:12px;font-weight:400;color:#78818e;margin-left:10px}.integration-group summary{cursor:pointer}.integration-help{display:block;font-size:12px;color:#606a78;margin-top:15px;line-height:1.8}.secret-tag{font-size:12px;color:#78818e;margin-left:8px;background:#fafbfd;padding:2px 5px;border-radius:4px}.studio-form-footer{display:flex;align-items:center;gap:15px;margin-top:34px;padding-top:25px;border-top:1px solid var(--line)}.studio-form-footer>span{font-size:12px;color:#78818e}.studio-form-footer #next-step{margin-left:auto}.studio-form-footer .action{font-size:14px;gap:30px;min-height:42px}.studio-preview{background:#f3f5f8;border-left:1px solid var(--line);padding:31px 30px;position:sticky;top:0;height:calc(100vh - 76px);min-height:850px;overflow:hidden}.preview-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.preview-heading button{border:0;background:none;color:#78818e;font-size:12px;padding:3px}.phone-frame{width:326px;height:704px;position:relative;overflow:hidden;border:7px solid #20242b;border-radius:39px;background:#fafbfd;box-shadow:0 18px 32px rgb(42 52 77 / .08)}.phone-frame iframe{border:0;width:390px;height:862px;transform:scale(.8);transform-origin:0 0;display:block;border-radius:30px}.studio-preview>p{font-size:12px;color:#78818e;text-align:center;line-height:1.9;margin:18px 0}.preview-brand{display:flex;align-items:center;gap:12px;padding:17px;background:#fff;border:1px solid #e9edf2;border-radius:10px}.preview-brand img{width:38px;height:38px;object-fit:contain;border-radius:9px}.preview-brand strong{font-size:14px}.preview-brand small{font-size:12px;display:block;color:#78818e;margin-top:3px}.readiness{display:grid;gap:9px}.readiness-row{padding:15px;border:1px solid #e9edf2;border-radius:8px;display:flex;gap:12px;align-items:flex-start}.readiness-icon{width:20px;height:20px;display:grid;place-items:center;background:#f3f5f8;color:#78818e;border-radius:50%;font-size:12px;flex-shrink:0}.readiness-row.ready .readiness-icon{background:#f3f5f8;color:#606a78}.readiness-row h3{font-size:14px;margin:0 0 4px}.readiness-row p{font-size:12px;color:#606a78;line-height:1.8;margin:0}.readiness-row>span:last-child{margin-left:auto;white-space:nowrap;color:#78818e;font-size:12px}.readiness-row.ready>span:last-child{color:#606a78}.export-card{background:#f3f5f8;border:1px solid #e9edf2;border-radius:10px;padding:23px;margin:25px 0 10px}.export-card h3{margin:8px 0;font-size:19px}.export-card p{font-size:12px;color:#606a78;margin:0 0 18px}.export-card .action{font-size:14px;width:100%}.export-card button:disabled{opacity:.5;cursor:not-allowed}.next-path{margin-top:28px}.next-path h3{font-size:16px}.next-path ol{padding-left:18px;font-size:14px;color:#606a78}.next-path li{padding-left:8px;margin:18px 0}.next-path strong{font-size:14px;color:#4b5563}.next-path p{font-size:14px;color:#606a78;line-height:1.8;margin:5px 0}.next-path code{font-size:12px;display:block;background:#f3f5f8;padding:12px;border-radius:5px;margin-top:10px;overflow-wrap:anywhere;color:#606a78}.next-path a{color:#606a78}@media(min-width:1450px){.studio-editor{padding:50px 60px}.studio-layout{grid-template-columns:260px minmax(500px,1fr) 430px}.studio-preview{padding-left:50px;padding-right:50px}}@media(max-width:1180px){.studio-layout{grid-template-columns:190px 1fr 345px}.studio-steps{padding:32px 20px}.studio-steps h1{font-size:18px}.studio-editor{padding:36px 27px}.studio-preview{padding:30px 18px}.phone-frame{width:306px;height:661px;border-width:6px;border-radius:34px}.phone-frame iframe{transform:scale(.754)}.studio-preview{min-height:800px}.studio-steps nav button{padding:13px 6px;gap:9px}.studio-steps nav small{font-size:11px}.studio-step h2{font-size:25px}}@media(max-width:1000px){.studio-layout{grid-template-columns:190px 1fr}.studio-preview{display:none}.studio-editor{padding:40px}.studio-header{padding:0 24px}}@media(max-width:650px){.studio-header{height:64px;padding:0 18px;gap:14px}.studio-label{font-size:11px;padding-left:14px}.studio-header>a:last-child{font-size:12px}.studio-header .wordmark{font-size:23px}.studio-header .wordmark img{width:25px;height:25px}.studio-layout{display:block}.studio-steps{padding:18px 17px;border-right:0;border-bottom:1px solid var(--line)}.studio-steps>p,.studio-steps h1,.studio-local,.back-library{display:none}.studio-steps nav{display:flex;gap:5px;justify-content:space-between}.studio-steps nav button{padding:10px 8px;gap:6px;font-size:12px}.studio-steps nav small{display:none}.studio-steps nav b{font-size:12px}.studio-editor{padding:29px 22px}.studio-step h2{font-size:26px}.step-intro{font-size:14px}.field-pair{gap:13px}.logo-upload{padding:17px;gap:15px}.logo-upload strong{font-size:14px}.logo-upload small{font-size:11px}.logo-upload>div,.logo-upload>img{width:50px;height:50px}.studio-form-footer>span{display:none}}

.field input,.field textarea{font-size:16px}.field input::placeholder,.field textarea::placeholder{font-size:14px}.studio-step h2{margin-bottom:30px}.studio-steps h1{font-size:24px;margin-top:4px;margin-bottom:35px}.studio-steps nav button{padding:16px 12px;font-size:14px;color:#606a78}.studio-steps nav button.selected{color:#25272e}.studio-form-footer>span{display:none}.studio-preview{min-height:830px}.studio-preview>p{font-size:11px}.preview-brand{display:none}.phone-frame{border-color:#e9edf2;border-width:6px;box-shadow:0 0 0 1px #dce1e8,0 22px 32px #11182720}.studio-local p{font-size:12px}.brand-more{margin-top:24px;border-top:1px solid var(--line);padding-top:20px}.brand-more summary{font-size:13px;color:#606a78;cursor:pointer}.brand-more .field{margin-top:18px}.theme-swatches{margin-top:24px}.readiness-row{align-items:center;padding:18px 15px}.readiness-row h3{margin:0}.readiness-row>span:last-child{font-size:12px}.studio-header .wordmark span{font-size:25px;align-self:auto}.studio-step .integration-group:first-of-type{border-top:0;padding-top:0}.studio-form-footer .action{font-size:14px;min-height:46px}.export-card p{font-size:12px}.next-path code{font-size:12px}.step-number{font-size:11px}.studio-label{color:#606a78}
@media(max-width:650px){.studio-steps nav button{font-size:12px;padding:10px 7px}.studio-steps nav b{display:none}.studio-editor{padding:28px 22px}.studio-header>a:last-child{font-size:12px}.studio-header .studio-label{display:none}.logo-upload strong{font-size:14px}.logo-upload small{font-size:11px}.studio-step h2{font-size:28px}.field-pair{grid-template-columns:1fr}.color-field{width:160px}.studio-form-footer .action{font-size:14px;min-height:46px}.integration-group h3 span{display:block;margin:7px 0 0}.readiness-row h3{font-size:14px}.step-intro{font-size:14px}}

.studio-step .field select{width:100%;font:inherit;color:inherit;border:1px solid #d9dee5;background:#fff;border-radius:10px;padding:13px 14px;min-height:48px;outline-offset:3px}