.studio-section{padding-top:var(--section);background:radial-gradient(50rem 22rem at 90% 0%, var(--brand-tint-2), transparent 60%)}.studio-intro{padding-bottom:clamp(24px,4vw,40px)}.studio-intro .lede{max-width:44rem;margin:0;font-size:1.125rem}.studio{padding-bottom:var(--section);grid-template-columns:360px minmax(0,1fr);align-items:start;gap:clamp(24px,4vw,56px);display:grid}.studio-form{gap:18px;min-width:0;display:grid}.form-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.form-top .link-btn{align-items:center;gap:6px;display:inline-flex}.panel{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;min-width:0;margin:0;padding:22px clamp(18px,3vw,28px) 26px}.panel legend{float:left;width:100%;color:var(--ink);font:700 1.2rem/1.2 var(--font-display);align-items:center;gap:10px;margin-bottom:16px;padding:0;display:flex}.panel legend+*{clear:both}.panel-num{background:var(--brand);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:.875rem;display:inline-grid}.hint{color:var(--muted);margin:0 0 14px;font-size:.9rem;line-height:1.5}.field-grid{grid-template-columns:1fr 1fr;gap:14px 16px;display:grid}.field{gap:6px;min-width:0;display:grid;position:relative}.field--full{grid-column:1/-1}.field>span{color:var(--ink);align-items:center;gap:6px;font-size:.9375rem;font-weight:600;display:inline-flex}.field em{color:var(--muted);font-size:.85rem;font-style:normal;font-weight:500}.field--icon>span svg{color:var(--brand)}.field input,.field textarea{border:1.5px solid var(--line-strong);width:100%;min-height:46px;color:var(--ink);font:400 1rem/1.4 var(--font-body);background:#fff;border-radius:12px;padding:10px 14px;transition:border-color .15s,box-shadow .15s}.field textarea{resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#8a909b}.field input:focus,.field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb, var(--brand) 18%, transparent);outline:none}.field input[aria-invalid=true]{border-color:#b91c1c}.prefix-input{border:1.5px solid var(--line-strong);background:#fff;border-radius:12px;align-items:stretch;display:flex;overflow:hidden}.prefix-input:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb, var(--brand) 18%, transparent)}.prefix{background:var(--surface-2);border-right:1px solid var(--line);color:var(--muted);white-space:nowrap;align-items:center;padding:0 10px 0 12px;font-size:.875rem;display:flex}.field .prefix-input input{min-width:0;box-shadow:none;border:0;border-radius:0}.socials{grid-template-columns:1fr 1fr;gap:12px;display:grid}.social{border:1.5px solid var(--line-strong);border-radius:14px;gap:8px;padding:12px;transition:border-color .15s,background-color .15s;display:grid}.social:has(input[type=checkbox]:checked){border-color:var(--brand);background:var(--brand-tint)}.social-toggle{color:var(--ink);cursor:pointer;align-items:center;gap:8px;font-weight:600;display:flex}.social-toggle input{width:20px;height:20px;accent-color:var(--brand);margin:0}.social-toggle svg{color:var(--brand)}.social input[type=text]{border:1.5px solid var(--line-strong);width:100%;min-height:42px;color:var(--ink);font:400 .9375rem/1.4 var(--font-body);background:#fff;border-radius:10px;padding:8px 12px}.social input[type=text]:focus{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb, var(--brand) 18%, transparent);outline:none}.social input:disabled{background:var(--surface-2);color:var(--muted);cursor:not-allowed}.social.is-off .social-toggle{color:var(--muted)}.counter{color:var(--muted);justify-self:end;font-size:.8rem}.error{color:#b91c1c;font-size:.85rem;font-weight:500}.photo-field{align-items:center;gap:18px;margin-bottom:18px;display:flex}.photo-thumb{background:var(--brand-tint);border:2px dashed var(--brand-soft);width:84px;height:84px;color:var(--brand);border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.photo-thumb img{object-fit:cover;width:100%;height:100%}.photo-controls{flex-wrap:wrap;align-items:center;gap:6px 14px;display:flex}.photo-controls .hint{flex-basis:100%;margin:4px 0 0}.file-btn{position:relative}.file-btn:focus-within{outline:3px solid var(--brand);outline-offset:3px}.link-btn{color:var(--brand);font:600 .9375rem var(--font-body);text-underline-offset:.18em;cursor:pointer;background:0 0;border:0;padding:6px 2px;text-decoration:underline}.link-btn:hover{color:var(--brand-dark)}.group-label{color:var(--ink);margin:20px 0 10px;font-size:.9375rem;font-weight:600}.group-label:first-of-type{margin-top:0}.choice-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.choice{border:1.5px solid var(--line-strong);cursor:pointer;border-radius:14px;gap:2px;padding:12px;transition:border-color .15s,background-color .15s;display:grid;position:relative}.choice input{opacity:0;pointer-events:none;position:absolute}.choice:has(input:checked){border-color:var(--brand);background:var(--brand-tint)}.choice:has(input:focus-visible){outline:3px solid var(--brand);outline-offset:2px}.choice strong{margin-top:8px;font-size:.95rem}.choice small{color:var(--muted);font-size:.8rem;line-height:1.35}.mini{border:1px solid var(--line);background:#fff;border-radius:10px;align-content:start;gap:4px;height:74px;padding:8px;display:grid;position:relative;overflow:hidden}.mini i{background:var(--brand-soft);border-radius:50%;width:18px;height:18px;display:block}.mini b{background:var(--line-strong);border-radius:4px;height:7px;display:block}.mini--classic{justify-items:center}.mini--classic b{width:80%}.mini--classic b:first-of-type{background:var(--brand);width:55%}.mini--cover{padding-top:22px}.mini--cover:before{content:"";background:var(--brand);height:20px;position:absolute;inset:0 0 auto}.mini--cover i{border:2px solid #fff;margin-top:-8px;position:relative}.mini--cover b:nth-of-type(2){width:70%}.mini--compact{grid-template-columns:18px 1fr;column-gap:6px}.mini--compact b{grid-column:1/-1}.mini--compact b:first-of-type{grid-column:2;align-self:center}.swatches{flex-wrap:wrap;gap:10px;display:flex}.swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:relative}.swatch input[type=radio]{opacity:0;pointer-events:none;position:absolute}.swatch:has(input:checked),.swatch.is-active{border-color:var(--ink)}.swatch:has(input:focus-visible){outline:3px solid var(--brand);outline-offset:2px}.dot{border-radius:50%;width:32px;height:32px;box-shadow:inset 0 0 0 1px #0000001a}.dot--maroon{background:var(--brand)}.dot--blue{background:#1d4ed8}.dot--orange{background:#c2410c}.dot--teal{background:#0f766e}.dot--forest{background:#15803d}.dot--plum{background:#7e22ce}.dot--rose{background:#be123c}.dot--graphite{background:#374151}.swatch--custom{border:2px solid var(--line-strong);border-radius:999px;grid-auto-flow:column;gap:6px;width:auto;padding:0 12px 0 4px}.swatch--custom input[type=color]{cursor:pointer;background:0 0;border:0;border-radius:50%;width:32px;height:32px;padding:0}.swatch--custom input[type=color]::-webkit-color-swatch-wrapper{padding:0}.swatch--custom input[type=color]::-webkit-color-swatch{border:0;border-radius:50%}.swatch--custom input[type=color]::-moz-color-swatch{border:0;border-radius:50%}.custom-label{font-size:.875rem;font-weight:600}.segmented{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.segmented label{position:relative}.segmented input{opacity:0;pointer-events:none;position:absolute}.segmented span{color:var(--text);cursor:pointer;border-radius:999px;padding:9px 16px;font-size:.9375rem;font-weight:600;display:block}.segmented input:checked+span{color:var(--brand-dark);box-shadow:var(--shadow-sm);background:#fff}.segmented input:focus-visible+span{outline:3px solid var(--brand);outline-offset:1px}.save-note{color:var(--muted);margin:0;font-size:.875rem}.studio-preview{align-self:stretch}.preview-sticky{top:calc(var(--header-h) + 20px);position:sticky}.preview-label{justify-content:space-between}.preview-label>span{align-items:center;gap:8px;display:inline-flex}.preview-badge{background:var(--brand-tint);color:var(--brand-dark);border-radius:999px;padding:3px 10px;font-size:.75rem}.preview-caption{max-width:340px;color:var(--muted);margin:14px 0 0;font-size:.875rem;line-height:1.5}.preview-label,.dialog-head p{color:var(--ink);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 12px;font-size:.875rem;font-weight:700;display:flex}.live-dot{background:#16a34a;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #16a34a2e}.phone{aspect-ratio:9/18.5;width:100%;max-width:340px;max-height:calc(100vh - var(--header-h) - 80px);min-height:520px;box-shadow:var(--shadow-lg);background:#161a22;border-radius:46px;padding:10px}.phone-screen{--pv-bg:#fff;background:var(--pv-bg);scrollbar-width:none;border-radius:37px;height:100%;transition:background-color .2s;position:relative;overflow:hidden auto}.phone-screen::-webkit-scrollbar{display:none}.phone-screen:before{content:"";z-index:3;background:#161a22;border-radius:20px;width:84px;height:24px;margin:8px auto -32px;display:block;position:sticky;top:8px}.phone-screen svg{width:100%;height:auto;display:block}.mobile-bar{display:none}.preview-dialog{background:var(--surface-2);border:0;width:min(100vw,420px);max-width:100vw;height:100dvh;max-height:100dvh;margin:0 auto;padding:14px 16px 20px}.preview-dialog::backdrop{background:#1f24308c}.preview-dialog[open]{flex-direction:column;align-items:center;display:flex}.dialog-head{justify-content:space-between;align-items:center;width:100%;margin-bottom:12px;display:flex}.dialog-head p{margin:0}.preview-dialog .phone{flex:1;width:auto;height:100%;min-height:0;max-height:none}@media (width<=1023px){.studio{grid-template-columns:270px minmax(0,1fr);gap:24px}.studio-preview .phone{min-height:0;height:min(555px, calc(100vh - var(--header-h) - 90px));aspect-ratio:auto}.preview-caption{display:none}}@media (width<=767px){.studio{grid-template-columns:1fr}.preview-caption{display:block}.preview-sticky{justify-items:center;display:grid;position:static}.studio-preview .phone{width:min(100%,300px);height:540px;min-height:0}.preview-label{width:min(100%,300px)}.preview-caption{text-align:center}.mobile-bar{z-index:20;margin:0 calc(var(--gutter) * -1);padding:12px var(--gutter) calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line);background:#fffffff0;gap:10px;display:flex;position:sticky;bottom:0}.mobile-bar .btn{flex:1}}@media (width<=599px){.field-grid{grid-template-columns:1fr}.choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.choice{padding:8px}.choice small{display:none}}.step--order .field-grid{margin-bottom:18px}.order-summary{color:var(--ink);margin:18px 0 0;font-weight:650}.order-summary:empty{display:none}.create-btn{min-height:54px;margin-top:20px;font-size:1.0625rem}.hint.center{text-align:center;margin:12px 0 0}.order-result{gap:14px;display:grid}.order-result:focus{outline:none}.order-result h3{align-items:center;gap:8px;margin:0;display:flex}.order-result h3 svg{color:#15803d}.order-result .hint{margin:0}.sent-design{flex-wrap:wrap;align-items:flex-end;gap:12px 20px;margin-top:14px;display:flex}.sent-design img{border:1px solid var(--line);border-radius:16px;width:194px;height:auto}.sent-design a{align-items:center;gap:6px;font-weight:650;display:inline-flex}#order-message{background:var(--surface-2);font-size:.9rem}.send-label{color:var(--ink);margin:4px 0 0;font-weight:600}.channel-buttons{grid-template-columns:1fr 1fr;gap:10px;display:grid}.channel-btn svg{color:var(--brand)}.result-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.status{min-height:1.5em;color:var(--brand-dark);margin:0;font-size:.9375rem;font-weight:600}@media (width<=599px){.socials,.channel-buttons{grid-template-columns:1fr}}.edit-banner{border-radius:var(--radius);background:var(--brand-tint);border:1px solid var(--brand-tint-2);color:var(--ink);align-items:center;gap:10px;margin:0;padding:12px 16px;font-size:.9375rem;display:flex}.edit-banner svg{color:var(--brand);flex:none}.field>label{color:var(--ink);font-size:.9375rem;font-weight:600}.field input[readonly]{background:var(--surface-2);color:var(--muted)}.slug-status{min-height:1.4em;margin:0;font-size:.875rem;font-weight:600}.slug-status.is-ok{color:#166534}.slug-status.is-bad{color:#b91c1c}.slug-suggestions{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:.875rem;display:flex}.chip{border:1.5px solid var(--line-strong);min-height:36px;color:var(--ink);font:600 .875rem var(--font-body);cursor:pointer;background:#fff;border-radius:999px;padding:4px 12px}.chip:hover{border-color:var(--brand);color:var(--brand-dark)}.check.consent{align-items:flex-start;margin-top:4px;font-size:.9rem;font-weight:450;line-height:1.5}.check.consent input{flex:none;margin-top:2px}.turnstile-box:empty{display:none}.copy-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.live-link{word-break:break-all;font-size:1.05rem;font-weight:700}.copy-row input{border:1.5px solid var(--line-strong);background:var(--surface-2);min-height:40px;color:var(--ink);font:400 .85rem var(--font-body);border-radius:10px;flex:240px;padding:8px 12px}.edit-link-box{border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--line);margin-top:16px;padding:14px 16px}.edit-link-box p{margin:0 0 10px;font-size:.9rem}.pkg-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.pkg-option{border:1.5px solid var(--line-strong);cursor:pointer;background:#fff;border-radius:16px;align-content:start;gap:4px;padding:16px 18px;transition:border-color .15s,background-color .15s;display:grid;position:relative}.pkg-option input{opacity:0;pointer-events:none;position:absolute}.pkg-option:hover{border-color:var(--brand)}.pkg-option:has(input:checked){border-color:var(--brand);background:var(--brand-tint);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 18%, transparent)}.pkg-option:has(input:focus-visible){outline:3px solid var(--brand);outline-offset:2px}.pkg-option:has(input:disabled){opacity:.45;cursor:not-allowed}.pkg-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 10px;display:flex}.pkg-top strong{color:var(--ink);font-size:1rem}.pkg-price{color:var(--brand-dark);white-space:nowrap;font-weight:800}.pkg-sub{color:var(--muted);font-size:.875rem;line-height:1.4}.pick-prompt{color:var(--brand-dark);align-items:center;gap:8px;margin:18px 0 0;font-weight:600;display:flex}.pick-prompt svg{flex:none;transform:rotate(-90deg)}.step{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);scroll-margin-top:calc(var(--header-h) + 12px);background:#fff;min-width:0}.step.is-open{border-color:color-mix(in srgb, var(--brand) 35%, var(--line))}.step-head{font:inherit;margin:0}.step-toggle{border-radius:var(--radius-lg);width:100%;min-height:60px;color:var(--ink);font:700 1.125rem/1.2 var(--font-display);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:14px clamp(16px,3vw,24px);display:flex}.step-toggle:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.step-chevron{border-bottom:2px solid;border-right:2px solid;flex:none;width:9px;height:9px;margin-left:auto;transition:transform .2s;transform:rotate(45deg)translateY(-2px)}.step.is-open .step-chevron{transform:rotate(-135deg)translateY(-2px)}.step-body{padding:2px clamp(16px,3vw,24px) 22px}.step-nav{justify-content:flex-end;margin-top:20px;display:flex}.subgroup{border-top:1px dashed var(--line-strong);margin-top:20px;padding-top:18px}.group-label{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.group-label svg{color:var(--brand)}.muted{color:var(--muted);font-size:.85rem;font-style:normal;font-weight:500}.image-fields{gap:14px;margin-bottom:18px;display:grid}.image-field{align-items:center;gap:18px;display:flex}.logo-thumb,.cover-thumb{background:var(--surface-2);border:2px dashed var(--line-strong);color:var(--muted);flex:none;place-items:center;display:grid;overflow:hidden}.logo-thumb{border-radius:16px;width:84px;height:84px}.cover-thumb{border-radius:6px;width:84px;height:28px;margin-block:28px}.logo-thumb img{object-fit:contain;width:100%;height:100%}.cover-thumb img{object-fit:cover;width:100%;height:100%}.logo-thumb:has(img),.cover-thumb:has(img){background:#fff;border-style:solid}.services-list{gap:10px;margin:0 0 12px;padding:0;list-style:none;display:grid}.service-row{border:1px solid var(--line);background:var(--surface-2);border-radius:14px;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) auto;align-items:end;gap:10px;padding:12px;display:grid}.icon-btn{border:1.5px solid var(--line-strong);width:44px;height:44px;color:var(--muted);cursor:pointer;background:#fff;border-radius:12px;place-items:center;display:inline-grid}.icon-btn:hover{color:#b91c1c;border-color:#b91c1c}.icon-btn:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;margin:0 0 14px;padding:0;list-style:none;display:grid}.gallery-grid:empty{display:none}.gallery-grid li{aspect-ratio:1;background:var(--surface-2);border-radius:12px;position:relative;overflow:hidden}.gallery-grid img{object-fit:cover;width:100%;height:100%;display:block}.gallery-grid .icon-btn{background:#ffffffeb;border-radius:50%;width:34px;height:34px;position:absolute;top:6px;right:6px}.step .error:not([hidden]){margin-top:8px;display:block}.loc-fields{margin:14px 0 6px}.hours{gap:8px;margin-bottom:6px;display:grid}.hours-row{grid-template-columns:7rem minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;display:grid}.hours-day{color:var(--ink);font-size:.9375rem;font-weight:600}.hours input{border:1.5px solid var(--line-strong);width:100%;min-width:0;min-height:44px;color:var(--ink);font:400 .9375rem var(--font-body);background:#fff;border-radius:10px;padding:6px 10px}.hours input:focus{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb, var(--brand) 18%, transparent);outline:none}.hours input[aria-invalid=true]{border-color:#b91c1c}.hours-to{color:var(--muted);font-size:.875rem}#copy-hours{margin-bottom:14px}.serp{border:1px solid var(--line);overflow-wrap:anywhere;background:#fff;border-radius:12px;margin-top:16px;padding:14px 16px;font-family:Arial,sans-serif}.serp p{margin:0}.serp-url{color:#202124;font-size:.8125rem}.serp p.serp-title{color:#1a0dab;margin:4px 0;font-size:1.125rem;line-height:1.3}.serp-desc{color:#4d5156;font-size:.875rem;line-height:1.5}.premium-tag{background:var(--brand);color:#fff;vertical-align:1px;border-radius:999px;margin-left:6px;padding:1px 7px;font-size:.6875rem;font-weight:700}.mini--spotlight:before,.mini--bold:before{content:"";position:absolute;inset:0 0 auto}.mini--spotlight{padding-top:46px}.mini--spotlight:before{background:linear-gradient(180deg, var(--brand-soft), var(--brand));height:40px}.mini--spotlight i{display:none}.mini--spotlight b:first-of-type{background:#fff;width:50%;position:absolute;top:26px;left:8px}.mini--spotlight b:nth-of-type(3){width:70%}.mini--bold:before{background:var(--brand);border-radius:0 0 10px 10px;height:40px}.mini--bold i,.mini--bold b:first-of-type{position:relative}.mini--bold i{background:#fff}.mini--bold b:first-of-type{background:#ffffffd9;width:60%}.mini--bold b:nth-of-type(2){margin-top:4px}.mini--elegant{justify-items:center}.mini--elegant i{box-shadow:0 0 0 2px #fff, 0 0 0 3.5px var(--brand);margin-top:2px}.mini--elegant b{border-radius:999px}.mini--elegant b:first-of-type{background:var(--ink);width:45%;height:6px}.mini--elegant b:nth-of-type(2){background:var(--brand);width:18%;height:2px}.mini--elegant b:nth-of-type(3){border:1.5px solid var(--brand);background:0 0;width:80%;height:10px}@media (width<=767px){.pkg-picker{grid-template-columns:1fr;gap:8px}.pkg-option{padding:12px 14px}}@media (width<=599px){.service-row{grid-template-columns:1fr}.service-row .icon-btn{justify-self:end}.hours-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hours-day{grid-column:1/-1}.hours-to{display:none}}.preview-label{flex-wrap:wrap}.preview-label>span:first-child{white-space:nowrap}.preview-badge{letter-spacing:.02em;text-transform:none;white-space:nowrap}.studio.is-waiting .studio-form,.studio.is-waiting .studio-preview{opacity:.45;filter:grayscale(.4)}
