.studio{padding-block:calc(var(--s-9) + 30px) var(--s-9);max-width:calc(1240px + 2 * var(--gutter))}.studio__head{text-align:center;max-width:640px;margin:0 auto var(--s-7)}.studio__title{font-size:clamp(2.6rem,6vw,4.6rem);line-height:1}.studio__lead{margin-top:var(--s-4);color:var(--ink-2)}.studio__grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(20px,3vw,44px);align-items:start}.studio__canvas{position:sticky;top:96px;margin:0;border-radius:32px;padding:18px 18px 22px;display:grid;gap:var(--s-3)}.studio__view{display:flex;gap:6px;justify-self:center}.studio__view .chip{padding:8px 18px;border-radius:var(--r-pill);border:1px solid rgba(122,26,42,.16);background:#ffffff80;font:inherit;font-size:var(--t-small);cursor:pointer;color:var(--ink-2)}.studio__view .chip.is-on{background:var(--ink);color:#fff;border-color:transparent}.studio__sketch{aspect-ratio:820 / 464;border-radius:18px;overflow:hidden;padding:8px;background:#f2e5d0 radial-gradient(circle at 30% 20%,rgba(255,255,255,.5),transparent 60%);box-shadow:inset 0 0 0 1px #5a3c1e1f,inset 0 0 40px #a078461f}.studio__sketch svg{width:100%;height:100%;display:block}.studio__caption{text-align:center;font-size:var(--t-small);color:var(--ink-2);min-height:2.8em;padding-inline:8px}.studio__steps{list-style:none;margin:0 0 var(--s-4);padding:0;display:grid;grid-template-columns:repeat(8,1fr);position:relative}.studio__steps:before{content:"";position:absolute;left:7%;right:7%;top:19px;border-top:1.5px dashed var(--gold-soft)}.studio__steps li{display:grid;justify-items:center;position:relative}.studio__steps button{display:grid;justify-items:center;gap:5px;border:0;background:none;padding:0;cursor:pointer;font:inherit;color:var(--ink-3);min-height:44px}.studio__steps .num{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--pearl-2);border:1px solid var(--gold-soft);font-size:13px;transition:background var(--d-small),transform var(--d-small) var(--ease-back)}.studio__step-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.studio__steps .is-done .num{background:var(--blush);color:var(--burgundy);border-color:transparent}.studio__steps .is-on .num{background:linear-gradient(180deg,var(--burgundy-hi),var(--burgundy));color:#fff;border-color:transparent;transform:scale(1.08)}.studio__steps .is-on button,.studio__steps .is-done button{color:var(--ink)}.studio__card{border-radius:28px;padding:clamp(20px,3vw,36px)}.studio__q{font-size:clamp(1.7rem,3vw,2.3rem)}.studio__hint{color:var(--ink-3);margin-top:6px}.studio__hint[hidden]{display:none}.studio__options{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:var(--s-5)}.studio__options[data-step=extras],.studio__options[data-step=review]{display:block}.opt{display:grid;gap:4px;align-content:start;text-align:left;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.9);background:#ffffff73;font:inherit;color:inherit;cursor:pointer;min-height:48px;box-shadow:0 6px 18px -12px #7a1a2a59,inset 0 1px #fff;transition:transform var(--d-small) var(--ease-back),border-color var(--d-small),background var(--d-small)}.opt span{font-size:var(--t-small)}.opt small{color:var(--ink-3);font-size:12px;line-height:1.4}.opt:hover{transform:translateY(-2px)}.opt.is-on{border-color:var(--burgundy);background:#ffffffd9;box-shadow:0 0 0 2px #f4b3c4b3}.opt__pic{display:block;aspect-ratio:1;border-radius:12px;background:#fbf4f1;overflow:hidden;margin-bottom:4px}.opt__pic svg{width:100%;height:100%}.opt__sw{display:inline-block;width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000026}.studio__options[data-step=colour] .opt,.opt-group .opt{grid-auto-flow:column;justify-content:start;align-items:center;gap:10px}.opt-group{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:var(--s-4) 0;border-bottom:1px solid var(--gold-soft)}.opt-group:last-child{border-bottom:0}.opt-group b{flex-basis:100%;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink);font-weight:500}.studio__summary{font-family:var(--f-display);font-size:1.35rem;line-height:1.45}.studio__price{color:var(--ink-3);margin-top:var(--s-3)}.studio__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:var(--s-5)}.studio__nav{display:flex;justify-content:space-between;gap:var(--s-4);margin-top:var(--s-6);padding-top:var(--s-5);border-top:1px solid var(--gold-soft)}.studio__nav [data-next]{margin-left:auto}.studio [hidden]{display:none!important}.opt__price{font-style:normal;font-size:11px;letter-spacing:.06em;color:var(--burgundy);justify-self:start}.opt__price.is-free{color:#2f7a4b}.opt-group b .opt__price{margin-left:6px;text-transform:none;letter-spacing:.04em}.studio__running{margin:0 auto;color:var(--ink-3);text-align:center}.studio__options[data-step=fabric]{overflow:visible}.opt-wrap{position:relative;display:grid}.opt-wrap .opt{padding-right:44px}.opt__info{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;border:1px solid rgba(122,26,42,.25);background:#ffffffd9;font:italic 600 13px/1 var(--f-display);color:var(--burgundy);cursor:pointer}.opt__info:after{content:"";position:absolute;inset:-8px}.opt__tip{position:absolute;z-index:5;left:0;right:0;top:calc(100% + 6px);padding:10px 14px;border-radius:14px;background:var(--ink);color:#fff;font-size:13px;line-height:1.45;box-shadow:0 16px 30px -18px #0009}.opt__tip:before{content:"";position:absolute;top:-6px;right:18px;border:6px solid transparent;border-top:0;border-bottom-color:var(--ink)}.opt__sw--p0{background:radial-gradient(circle,#f4f1ec 28%,transparent 30%) 0 0 / 8px 8px,#16121a}.opt__sw--p1{background:repeating-linear-gradient(90deg,#b3122a 0 4px,#f4f1ec 4px 8px)}.opt__sw--p2{background:repeating-linear-gradient(90deg,#16121a 0 4px,#f4f1ec 4px 8px)}.opt__sw--p3{background:repeating-linear-gradient(45deg,#5b574c 0 3px,#9a9486 3px 6px)}.opt__sw--p4{background:repeating-linear-gradient(60deg,#16121a 0 3px,#f4f1ec 3px 8px)}.studio__measures{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;padding-top:var(--s-4)}.studio__bill{margin:var(--s-4) 0 0;padding:var(--s-3) 0;border-block:1px solid var(--gold-soft);display:grid;gap:4px}.studio__bill div{display:flex;justify-content:space-between;gap:var(--s-4);font-size:var(--t-small)}.studio__bill dd{margin:0;color:var(--burgundy)}.studio__bill-total{padding-top:6px;margin-top:4px;border-top:1px dashed var(--gold-soft);font-weight:500}[data-theme=dark] .opt{background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .studio__steps .num{background:var(--mist)}@media(max-width:900px){.studio__grid{grid-template-columns:1fr}.studio__canvas{top:72px;z-index:2;padding:10px;border-radius:22px}.studio__sketch{padding:4px}.studio__caption{display:none}.studio__steps{grid-template-columns:repeat(8,minmax(0,1fr))}.studio__step-label{font-size:10px;letter-spacing:.04em}.studio__steps li:not(.is-on) .studio__step-label{visibility:hidden}.studio__options{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}}@media(prefers-reduced-motion:reduce){.opt,.studio__steps .num{transition:none}}.studio__send{margin-top:var(--s-4)}.studio__send-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.studio__send-note{grid-column:1 / -1}.studio__send textarea{resize:vertical;min-height:64px}.studio__sent{padding:var(--s-3) var(--s-4);border-radius:var(--r);background:#3f9a4b1f;color:#245c2c;font-size:var(--t-small);outline:none}.studio__send.is-sent :is(.studio__send-grid,[data-send]){display:none}@media(max-width:560px){.studio__send-grid{grid-template-columns:1fr}}.jp{display:grid;gap:8px;padding:var(--s-3) 0;border-bottom:1px solid var(--gold-line)}.jp:last-child{border-bottom:0}.jp>b{font-family:var(--f-body);font-weight:500;font-size:var(--t-small);letter-spacing:.04em}.jp__kinds{display:flex;flex-wrap:wrap;gap:6px}.opt--sm{min-height:34px;padding:6px 12px;font-size:12px}.jp__txt{width:100%}