.product-studio{padding:92px 0 0;scroll-margin-top:90px}
.studio-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:30px}
.studio-heading .studio-kicker{font-size:14px;color:#a35e7c;margin-bottom:14px;letter-spacing:1px}
.studio-heading h2{font-size:clamp(30px,3.3vw,45px);letter-spacing:-1.6px;color:#422f3b}
.studio-heading>p{max-width:270px;color:#977e8c;font-size:14px;line-height:1.8;padding-bottom:2px}
.studio-choices{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:25px}
.studio-choice{display:flex;align-items:center;gap:10px;min-height:44px;border:1px solid #eadde6;border-radius:30px;padding:11px 19px;font-size:14px;color:#806475;transition:background .2s,border-color .2s}
.studio-choice:hover{background:#faf3f7}.studio-choice[aria-pressed=true]{background:#f7e9f0;border-color:#c882a0;color:#8c3c5d}
.studio-choice i{height:13px;width:13px;display:block;border-radius:50%;box-shadow:inset 0 0 0 1px #6d42601a}
.studio-choice i.lilac{background:linear-gradient(140deg,#eee7fa,#b69fcb)}
.studio-choice i.rose-gold{background:linear-gradient(140deg,#b77568,#fce3c5 48%,#bc8172)}
.studio-choice i.blush{background:linear-gradient(140deg,#ffe7ed,#d899ad)}
.studio-choice i.ivory{background:linear-gradient(140deg,#fff,#cfcbd5)}
.studio-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);gap:48px;align-items:center}
.studio-stage{position:relative;height:550px;border-radius:30px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 30% 20%,#fffaf5 0%,transparent 58%),linear-gradient(130deg,#f7edf6,#e4d6ef);transition:background .4s}
.studio-stage[data-model=rose]{background:radial-gradient(ellipse at 20% 20%,#fffaf0,transparent 58%),linear-gradient(125deg,#f9e6ec,#edc3d2)}
.studio-stage[data-model=mini-lipstick]{background:radial-gradient(ellipse at 25% 20%,#fff9ed,transparent 58%),linear-gradient(125deg,#f8e8df,#e9c8c8)}
.studio-stage[data-model=perle]{background:radial-gradient(ellipse at 25% 15%,#fffdfa,transparent 58%),linear-gradient(125deg,#efebf5,#d8d6e9)}
.studio-stage:after{content:"";position:absolute;left:22%;right:22%;bottom:15%;height:22px;background:#825b8c26;filter:blur(18px);border-radius:50%;z-index:-1;pointer-events:none}
.studio-canvas{position:absolute;inset:0;z-index:1;cursor:grab;touch-action:pan-y}.studio-canvas:active{cursor:grabbing}.studio-canvas canvas{width:100%;height:100%;display:block}
.studio-poster{position:absolute;inset:32px;display:flex;align-items:center;justify-content:center;transition:opacity .35s;pointer-events:none}
.studio-poster .product-art{width:100%;max-width:440px}.studio-stage.is-ready .studio-poster{opacity:0;visibility:hidden}
.studio-label{position:absolute;top:24px;left:25px;z-index:2;font-size:11px;letter-spacing:1px;color:#896c83;pointer-events:none}
.studio-status{position:absolute;bottom:22px;left:24px;right:24px;text-align:center;z-index:2;font-size:12px;line-height:1.7;color:#755c70;pointer-events:none}
.studio-tools{position:absolute;right:18px;top:17px;display:flex;gap:5px;z-index:3;padding:4px;border:1px solid #fffc;background:#ffffff80;backdrop-filter:blur(12px);border-radius:26px}
.studio-tools button{height:34px;min-width:34px;border-radius:50%;display:grid;place-items:center;color:#7e5570;font-size:21px;font-weight:300;padding:0;transition:background .2s}.studio-tools button:hover{background:#fff}.studio-tools button:last-child{font-size:20px}.studio-tools button:disabled{opacity:.35}
.studio-actions{display:flex;justify-content:center;gap:10px;margin-top:15px;flex-wrap:wrap}
.studio-actions button{padding:11px 15px;min-height:42px;display:flex;align-items:center;gap:7px;border-radius:24px;background:#faf4f7;color:#8e607a;font-size:13px;transition:background .2s}
.studio-actions button[aria-pressed=true]{background:#eedfe9;color:#8c3c5d}.studio-actions button:hover{background:#f0e4ed}.studio-actions button:disabled{opacity:.45}
.studio-action-icon{font-size:16px;line-height:1}
.studio-copy{padding:6px 0;color:#553747;min-width:0}.studio-type{font-size:13px;letter-spacing:1px;color:#b08399;margin-bottom:11px}
.studio-copy h3{font-size:33px;letter-spacing:-.8px;line-height:1.3;font-weight:550}
.studio-description{font-size:15px;color:#927887;line-height:1.9;margin-top:17px;max-width:410px}
.studio-parts-label{font-size:12px;color:#aa879b;margin:26px 0 11px}
.studio-parts{display:flex;gap:8px;flex-wrap:wrap}.studio-parts button{border-bottom:2px solid transparent;padding:8px 8px 9px 0;margin-right:6px;font-size:13px;color:#977a8a}.studio-parts button b{font-size:11px;font-weight:500;margin-right:6px;opacity:.7}
.studio-parts button[aria-pressed=true]{color:#a23c67;border-bottom-color:#bc6f91}
.studio-part-description{font-size:13px;line-height:1.8;color:#906d81;min-height:47px;margin-top:12px}
.studio-features{margin:22px 0 25px;border-top:1px solid #efE3eB;padding-top:8px}
.studio-feature{display:grid;grid-template-columns:68px 1fr;gap:13px;margin-top:14px;font-size:13px;line-height:1.75}.studio-feature dt{color:#805569;font-weight:500}.studio-feature dd{color:#a08896;margin:0}
.studio-copy-actions{display:flex;align-items:center;gap:19px}.studio-copy-actions .button{font-size:13px;min-height:44px;padding:12px 21px}.studio-copy-actions .text-button{font-size:13px;color:#9b5576}
.studio-price{font-size:12px;color:#ab91a1;margin-top:13px}.studio-note{font-size:11px;line-height:1.9;color:#b297a7;margin-top:23px;max-width:450px}
.studio-detail-link{margin-top:10px;width:100%;background:#f6ecf2;color:#a14a6b}
@media(max-width:1100px){.studio-layout{gap:30px;grid-template-columns:minmax(0,1.15fr) minmax(290px,1fr)}.studio-stage{height:520px}.studio-copy h3{font-size:29px}.studio-heading>p{max-width:245px}.nav-links{gap:25px;margin-left:20px}}
@media(max-width:760px){.product-studio{padding-top:62px}.studio-heading{display:block;margin-bottom:23px}.studio-heading .studio-kicker{font-size:12px;margin-bottom:11px}.studio-heading h2{font-size:31px;letter-spacing:-1px}.studio-heading>p{font-size:13px;margin-top:14px;max-width:none}.studio-choices{flex-wrap:nowrap;overflow-x:auto;margin-inline:-20px;padding:0 20px 10px;gap:8px;margin-bottom:12px;scrollbar-width:thin}.studio-choice{flex-shrink:0;font-size:13px;min-height:42px;padding:10px 15px}.studio-layout{display:block}.studio-stage{height:415px;border-radius:24px}.studio-label{top:22px;left:20px;font-size:10px}.studio-tools{right:14px;top:13px}.studio-tools button{height:32px;min-width:32px}.studio-actions{gap:7px;margin-top:13px}.studio-actions button{font-size:12px;padding:10px 12px;min-height:41px}.studio-copy{padding:30px 3px 0}.studio-copy h3{font-size:29px}.studio-description{font-size:14px;max-width:none;margin-top:14px}.studio-parts-label{margin-top:22px}.studio-part-description{min-height:0}.studio-features{margin:22px 0}.studio-feature{grid-template-columns:64px 1fr;gap:15px}.studio-note{margin-top:18px;max-width:none}.studio-copy-actions .button{min-width:145px}.studio-status{bottom:18px}.studio-poster{inset:25px}}
@media(max-width:380px){.studio-stage{height:370px}.studio-heading h2{font-size:28px}.studio-actions{gap:5px}.studio-actions button{padding:10px}.studio-label{left:16px}.studio-tools{gap:2px}.studio-tools button{min-width:29px}.studio-parts button{font-size:12px;margin-right:1px}}
@media(prefers-reduced-motion:reduce){.studio-stage,.studio-poster,.studio-choice,.studio-actions button{transition:none}}
