.studio-onboarding{--onboarding-ease:cubic-bezier(.22,1,.36,1)}:is(.registration-page,.studio:has(.studio-onboarding)){--brand:262 83% 58%;--primary:262 83% 58%;--primary-foreground:0 0% 100%;--ring:262 83% 58%}.studio-onboarding .studio-quick-intro h1{font-size:clamp(2.4rem,4vw,4rem);font-weight:650;line-height:1.04}.studio-onboarding .studio-quick-intro h1:after{display:none}.studio-onboarding .studio-quick-intro{padding-bottom:25px}.studio-onboarding .studio-quick-progress{margin-bottom:30px;overflow:visible}.studio-onboarding .studio-quick-progress-line{inset:auto 0 0}.studio-onboarding .studio-quick-progress-line span{transition:width .5s var(--onboarding-ease)}.studio-onboarding .studio-quick-progress ol{border-bottom:1px solid #ffffff18;justify-content:space-between;gap:10px;width:100%;display:flex}.studio-onboarding .studio-quick-progress li{display:block}.studio-onboarding .studio-quick-progress button{background:0 0;border:0;border-radius:0;align-items:center;gap:8px;min-width:0;min-height:48px;padding:10px 0;display:flex}.studio-onboarding .studio-quick-progress button>span,.studio-onboarding .studio-quick-progress button small{display:none}.studio-onboarding .studio-quick-progress button strong{align-self:center;font-size:12px;font-weight:500}.studio-onboarding .studio-quick-progress button[aria-current=step]{color:#d4bced}.studio-onboarding .studio-quick-progress button[aria-current=step]:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.studio-onboarding .studio-quick-stage{box-shadow:none;background:#121113;border:0;border-radius:22px}.studio-onboarding .studio-quick-stage :is(.studio-step-title,.space-y-6>header h2){letter-spacing:-.045em;max-width:23ch;font-size:clamp(1.9rem,3.1vw,3rem);font-weight:600;line-height:1.08}.studio-onboarding .studio-quick-stage>div,.studio-onboarding .studio-quick-stage>.space-y-6{animation:onboarding-step .45s var(--onboarding-ease) both}.studio-onboarding :is(input:not([type=checkbox]):not([type=color]),select,textarea){border-radius:12px;min-height:48px;transition:border-color .2s,box-shadow .2s}.studio-onboarding :is(button,a.studio-primary){transition:background .2s,transform .2s,border-color .2s}.studio-onboarding .studio-primary{border-radius:14px;min-height:50px}.studio-onboarding .studio-primary>svg{transition:transform .2s}.studio-onboarding .studio-primary:hover>svg:not(.animate-spin){transform:translate(3px)}.studio-onboarding .studio-primary:active{transform:translateY(1px)}.studio-onboarding .studio-primary:disabled{opacity:.45;cursor:not-allowed}.onboarding-progress-note{color:#cbb5e5;min-height:25px;margin:0 0 18px;font-size:12px}.onboarding-progress-note>span{animation:onboarding-feedback .35s var(--onboarding-ease) both;display:inline-block}.studio-onboarding .studio-trial-card{background:#ffffff05;border:0}.studio-onboarding .studio-trial-card strong{color:#d4bced;font-size:16px}.studio-onboarding .studio-final-head .studio-step-title,.studio-onboarding .demo-finale-title{overflow:hidden}.studio-onboarding .studio-final-head .studio-step-title>span,.studio-onboarding .demo-finale-title>span{animation:onboarding-line .7s .2s var(--onboarding-ease) both;display:block}.studio-onboarding .studio-final>.studio-preview,.studio-onboarding .studio-demo-preview{animation:onboarding-product .7s .25s var(--onboarding-ease) both}.studio-onboarding .studio-final .studio-final-action{animation:.5s .5s both onboarding-feedback}.studio-launch-explainer{background:linear-gradient(125deg,#7c3aed16,#ff6b350a);border:1px solid #ffffff1f;border-radius:18px;grid-template-columns:1fr 54px 1fr;align-items:center;gap:18px;padding:20px;animation:.5s .4s both onboarding-feedback;display:grid}.studio-launch-explainer>div{align-items:center;gap:13px;min-width:0;display:flex}.studio-launch-explainer>div>span{color:#c9a9ff;background:#7c3aed24;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;display:grid}.studio-launch-explainer svg{width:18px}.studio-launch-explainer p{min-width:0}.studio-launch-explainer strong,.studio-launch-explainer small{display:block}.studio-launch-explainer strong{font-size:13px}.studio-launch-explainer small{color:#b7a9c8;text-overflow:ellipsis;margin-top:5px;font-size:11px;line-height:1.45;overflow:hidden}.studio-launch-explainer>i{background:#ffffff24;height:1px;display:block;position:relative}.studio-launch-explainer>i:after{content:"";border-top:1px solid #c9a9ff;border-right:1px solid #c9a9ff;width:6px;height:6px;position:absolute;top:50%;right:-1px;transform:translateY(-50%)rotate(45deg)}.studio-final[data-publishing=true] .studio-launch-explainer>i{background:linear-gradient(90deg,#7c3aed,#ff6b35) 0 0/200% 100%;animation:1s linear infinite onboarding-flow}.studio-final[data-publishing=true] .studio-launch-explainer>div:last-child>span{color:#ff9b78;background:#ff6b351a}.studio-location-mode>header{max-width:650px}.studio-location-mode>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px;display:grid}.studio-location-mode>div>button{color:#f4eefb;text-align:left;background:#ffffff08;border:1px solid #ffffff20;border-radius:16px;grid-template-columns:44px minmax(0,1fr) 20px;align-items:center;gap:13px;min-height:116px;padding:18px;transition:border-color .18s,background .18s,transform .18s;display:grid}.studio-location-mode>div>button:hover{background:#7c3aed16;border-color:#b58ae8;transform:translateY(-1px)}.studio-location-mode>div>button>span{color:#c6a8ff;background:#7c3aed24;border-radius:13px;place-items:center;width:44px;height:44px;display:grid}.studio-location-mode>div>button svg{width:19px}.studio-location-mode>div>button>svg{color:#8f8499}.studio-location-mode strong,.studio-location-mode small{display:block}.studio-location-mode small{color:#a89fae;grid-column:2;margin-top:-7px;font-size:12px;line-height:1.45}.studio-mode-note{border-bottom:1px solid #ffffff18;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px;padding:0 0 14px;display:flex}.studio-mode-note strong{font-size:13px}.studio-mode-note span{color:#a9a0ae;font-size:12px}.studio-photo-guidance{border-left:2px solid #7c3aed;align-items:center;gap:14px;padding:10px 0 10px 16px;display:flex}.studio-photo-guidance>span{color:#c6a8ff;background:#7c3aed20;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.studio-photo-guidance svg{width:18px}.studio-photo-guidance strong,.studio-photo-guidance small{display:block}.studio-photo-guidance small{color:#aaa1b0;margin-top:4px;line-height:1.45}.studio-publish-progress{border-block:1px solid #ffffff1c;grid-template-columns:repeat(4,minmax(0,1fr));margin:26px 0;list-style:none;display:grid}.studio-publish-progress li{color:#746b7a;text-align:center;align-content:center;justify-items:center;gap:7px;min-height:96px;padding:14px 8px;display:grid;position:relative}.studio-publish-progress li:not(:last-child):after{content:"";background:#ffffff1e;width:24px;height:1px;position:absolute;top:50%;right:-12px}.studio-publish-progress li>span{background:#ffffff0a;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.studio-publish-progress li svg{width:15px}.studio-publish-progress li>svg{color:#c6a8ff;position:absolute;top:12px;right:10px}.studio-publish-progress li strong{font-size:11px;font-weight:650}.studio-publish-progress li[data-state=active]{color:#f3ecfb}.studio-publish-progress li[data-state=active]>span{color:#c6a8ff;background:#7c3aed35}.studio-publish-progress li[data-state=done]{color:#d9c9eb}.studio-publish-progress li[data-state=done]>span{color:#fff;background:#7c3aed}.studio-final[data-publishing=true] .studio-preview{opacity:.72;transition:opacity .3s}.studio-onboarding .studio-quick-layout[data-final=true]{grid-template-columns:minmax(0,1fr)}.studio-onboarding .studio-quick-layout[data-final=true]>aside{display:none}.studio .onboarding-reward{text-align:center;max-width:1150px;padding:65px 22px 90px}.onboarding-reward-prelude{color:#c6bccd;font-size:17px;animation:.45s both onboarding-feedback}.onboarding-live-badge{color:#d7c2f3;letter-spacing:.03em;background:#7c3aed18;border:1px solid #7c3aed66;border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font-size:11px;font-weight:700;animation:.45s .12s both onboarding-feedback;display:inline-flex}.onboarding-live-badge>span{background:#ff6b35;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #ff6b3518}.onboarding-reward h1{letter-spacing:-.055em;outline:none;margin:16px 0;font-size:clamp(2.3rem,5.5vw,5rem);font-weight:600;line-height:1.12;overflow:hidden}.onboarding-reward h1>span{animation:onboarding-line .75s .3s var(--onboarding-ease) both;display:block}.onboarding-reward-description{color:#b4adb9;animation:.5s .6s both onboarding-feedback}.onboarding-reward-preview{animation:onboarding-product .8s .3s var(--onboarding-ease) both;border:1px solid #ffffff20;border-radius:20px;margin:38px auto 28px;overflow:hidden}.onboarding-reward-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;animation:.5s .75s both onboarding-feedback;display:flex}.onboarding-reward-actions>*{align-items:center;gap:10px;min-height:48px;padding:12px 18px;font-size:13px;display:inline-flex}.onboarding-reward-actions+p{color:#b4adb9;min-height:24px;margin-top:14px;font-size:12px}.onboarding-upload-feedback{color:#cbb5e5;min-height:24px;font-size:12px}.onboarding-upload-feedback span{animation:.3s both onboarding-feedback;display:inline-block}.studio-onboarding .studio-asset[data-dragging=true]{outline-offset:8px;border-radius:14px;outline:2px solid #cbb5e5}.studio-onboarding .studio-asset[aria-busy=true] img{opacity:.6}@keyframes onboarding-step{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:none}}@keyframes onboarding-feedback{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes onboarding-line{0%{transform:translateY(110%)}to{transform:none}}@keyframes onboarding-product{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:none}}@keyframes onboarding-flow{0%{background-position:100% 0}to{background-position:-100% 0}}@media (max-width:760px){.studio-onboarding .studio-quick-summary{display:none}.studio-onboarding .studio-quick-progress{margin-right:0;padding-right:0}.studio-onboarding .studio-quick-intro>p{font-size:13px}.studio-onboarding .studio-quick-stage{padding:24px 16px;overflow:visible}.studio-onboarding .studio-quick-stage .studio-next{padding-bottom:max(14px,env(safe-area-inset-bottom));margin-inline:-16px}.studio .onboarding-reward{padding-top:40px}.onboarding-reward-actions{gap:7px}.onboarding-reward-actions .studio-primary{justify-content:center;width:100%}.studio-onboarding .studio-final .studio-preview,.studio-onboarding .studio-demo-preview{margin-inline:0}.studio-location-mode>div,.studio-publish-progress{grid-template-columns:1fr}.studio-publish-progress li{text-align:left;grid-template-columns:34px 1fr 20px;justify-items:start;min-height:58px}.studio-publish-progress li:not(:last-child):after{width:1px;height:16px;inset:auto auto -8px 25px}.studio-publish-progress li>svg{position:static}}@media (prefers-reduced-motion:reduce){.studio-onboarding *,.studio-onboarding :before,.studio-onboarding :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (max-width:600px){.studio-onboarding .demo-service-table thead{display:none}.studio-onboarding .demo-service-table tr{border-bottom:1px solid #ffffff20;grid-template-columns:1fr 1fr;padding:12px;display:grid}.studio-onboarding .demo-service-table td{border:0;min-width:0;padding:7px}.studio-onboarding .demo-service-table td:before{content:attr(data-label);color:#b7aebe;margin-bottom:5px;font-size:11px;display:block}.studio-onboarding .demo-service-table td:nth-child(2){grid-area:1/1/auto/-1}.studio-onboarding .demo-service-table td:first-child{grid-column:1/-1;align-items:center;gap:12px;display:flex}.studio-onboarding .demo-service-table td:first-child:before{margin-bottom:0}}.registration-page{color:#efe7ff;background:#160d24;min-height:100svh;padding:32px 6vw 72px}.registration-page>a{width:130px;display:inline-block}.registration-card{width:min(100%,480px);margin:64px auto 0}.registration-card h1{letter-spacing:-.045em;margin:16px 0;font-size:clamp(34px,5vw,54px);font-weight:750;line-height:1.07}.registration-card>p{color:#c5b7d8;line-height:1.7}.registration-form{gap:22px;margin-top:32px;display:grid}.registration-form label,.store-form>label,.store-address label,.store-contacts label{gap:8px;font-size:14px;display:grid}.registration-form input,.store-form input{width:100%;min-width:0;min-height:50px;color:inherit;background:#ffffff07;border:1px solid #ffffff26;border-radius:10px;outline:none;padding:12px 14px}.registration-form input:focus,.store-form input:focus{border-color:#b088ff;box-shadow:0 0 0 3px #7c3aed24}.registration-password{position:relative}.registration-password input{padding-right:54px}.registration-password button{place-items:center;width:48px;display:grid;position:absolute;inset:0 0 0 auto}.registration-form small{color:#b7a9c8}.registration-name-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.registration-field-error{color:#ffad98!important}.registration-form input[aria-invalid=true]{border-color:#ff8064}.registration-consent{grid-template-columns:20px 1fr;align-items:start;line-height:1.55}.registration-consent input{accent-color:#7c3aed;width:18px;min-height:18px;margin-top:2px}.registration-consent a{text-underline-offset:3px;text-decoration:underline}.registration-consent .registration-field-error{grid-column:2}.registration-page .studio-primary{color:#fff;background:#7c3aed;border-radius:12px;justify-content:center;align-items:center;gap:12px;min-height:54px;padding:14px 20px;font-weight:650;display:flex}.registration-form>a{text-align:center;text-underline-offset:4px;font-size:14px;text-decoration:underline}.registration-error{color:#ffad98;border-left:2px solid #ff6b35;padding:10px 14px}.registration-card .registration-footnote{text-align:center;margin-top:28px;font-size:12px}.registration-card .registration-referral{color:#d8c6f2;letter-spacing:.05em;background:#7c3aed20;border:1px solid #b088ff55;border-radius:999px;width:fit-content;margin-top:18px;padding:8px 11px;font-size:10px;font-weight:700}.registration-confirm{gap:16px;margin-top:32px;line-height:1.7;display:grid}.registration-confirm>svg{color:#b088ff;width:34px;height:34px}.registration-confirm h2{margin:0;font-size:28px}.registration-confirm p{color:#c5b7d8;margin:0}.registration-confirm .registration-success{color:#bce5c7;align-items:flex-start;gap:8px;font-size:13px;display:flex}.registration-confirm .registration-success svg{flex:none;width:18px;margin-top:3px}.registration-text-button{color:#efe7ff;text-underline-offset:4px;width:fit-content;text-decoration:underline}.registration-confirm a{text-decoration:underline}.legal-card{width:min(100%,760px)}.legal-card article{color:#c5b7d8;gap:22px;margin-top:32px;line-height:1.75;display:grid}.legal-card h2{color:#efe7ff;margin:8px 0 -10px;font-size:20px}.studio-onboarding .studio-quick-layout{max-width:860px;margin-inline:auto;display:block}.studio-onboarding .studio-quick-layout[data-final=true]{max-width:1200px}.studio-onboarding .studio-quick-progress{margin-right:0}.studio-onboarding .studio-quick-progress ol{grid-template-columns:repeat(5,minmax(0,1fr))}.store-form{gap:26px;display:grid}.store-url{overflow-wrap:anywhere;background:#7c3aed12;border:1px solid #7c3aed35;border-radius:14px;gap:8px;padding:18px;display:grid}.store-url>span,.store-url small{color:#b7a9c8;font-size:12px}.store-url strong{color:#d5bcff;font-size:18px}.store-url summary,.store-contacts summary{cursor:pointer;padding-block:8px;font-size:13px}.store-address{grid-template-columns:1fr 1.5fr;gap:18px;display:grid}.store-contacts{border-top:1px solid #ffffff20;margin-block:20px;padding-top:12px}.store-contacts p{color:#b7a9c8;margin-block:14px;font-size:13px}.store-contacts label+label{margin-top:16px}.team-choice{grid-template-columns:1fr 1fr;gap:16px;display:grid}.team-choice button{text-align:left;background:#ffffff04;border:1px solid #ffffff25;border-radius:16px;gap:10px;padding:24px;transition:border-color .2s,background .2s;display:grid}.team-choice button:hover,.team-choice button[aria-pressed=true]{background:#7c3aed18;border-color:#a276ff}.team-choice button:disabled{opacity:.45}.team-choice span{color:#b7a9c8;font-size:13px}.onboarding-site-url{overflow-wrap:anywhere;color:#c6a8ff;text-underline-offset:5px;max-width:100%;margin:20px auto;text-decoration:underline;display:block}@media (max-width:600px){.registration-page{padding:24px 22px 48px}.registration-card{margin-top:44px}.registration-name-grid,.store-address,.team-choice{grid-template-columns:1fr}.studio-onboarding .studio-quick-progress strong{font-size:10px}.onboarding-service-table thead{display:none}.onboarding-service-table tr{grid-template-columns:44px 1fr 1fr;gap:3px;padding:8px;display:grid}.onboarding-service-table td:nth-child(2){grid-column:2/-1}.onboarding-service-table td:nth-child(3){grid-column:2}.onboarding-service-table td{min-width:0;padding:4px}.onboarding-service-table input,.onboarding-service-table select{width:100%}.studio-onboarding input[type=time]{width:106px;padding-inline:5px}}@media (max-width:760px){.studio-onboarding .studio-quick-stage .studio-next{box-shadow:none;position:static}.studio-onboarding .studio-quick-intro{gap:12px;padding-bottom:16px}.studio-onboarding .studio-quick-intro h1{font-size:2.2rem}.studio-onboarding .studio-quick-stage input{scroll-margin-block:100px}}@media (max-width:620px){.studio-launch-explainer{grid-template-columns:1fr;gap:13px}.studio-launch-explainer>i{width:1px;height:22px;margin-left:19px}.studio-launch-explainer>i:after{inset:auto auto -1px 50%;transform:translate(-50%)rotate(135deg)}}.registration-sectors{border:1px solid #d7cce6;border-radius:14px;gap:8px;margin:24px 0;padding:5px;display:flex}.registration-sectors a{color:#4c3e5f;border-radius:10px;flex:1;justify-content:center;align-items:center;min-height:44px;padding:9px 12px;font-size:13px;display:flex}.registration-sectors a[aria-current=page]{color:#fff;background:#6b36d8;font-weight:650}.registration-sectors a:focus-visible{outline-offset:3px;outline:3px solid #6b36d8}.studio-service-summary ul{gap:0;margin:12px 0;padding:0;list-style:none;display:grid}.studio-service-summary li{border-bottom:1px solid #e8e0f0;gap:14px;padding:18px 0;display:flex}.studio-service-summary li>svg{color:#6b36d8;flex-shrink:0;width:20px;margin-top:2px}.studio-service-summary li strong{font-size:16px}.studio-service-summary li p{color:#685b76;max-width:55ch;margin-top:5px;font-size:13px}.studio-service-summary-note{color:#4c3e5f;background:#f4effb;border-radius:14px;gap:14px;padding:18px;font-size:14px;display:flex}.studio-service-summary-note>svg{color:#6b36d8;flex-shrink:0}