.studio-page{background:#f6f7f9}.studio-intro{justify-content:space-between;align-items:center;gap:25px;padding:38px 0 26px;display:flex}.studio-intro h1{margin:9px 0 12px;font-size:clamp(2rem,3.6vw,3.6rem);font-weight:500}.studio-intro p{color:#697185;font-size:1rem}.studio-reset{color:#6d7586;background:0 0;border:0;align-items:center;gap:8px;font-size:.875rem;display:flex}.studio-layout{grid-template-columns:1.15fr 1fr;align-items:start;gap:28px;display:grid}.studio-visual-column{position:sticky;top:112px}.studio-preview{background:#e8edf7;border-radius:10px;position:relative;overflow:hidden}.studio-preview-heading{letter-spacing:.04em;color:#73819b;z-index:1;pointer-events:none;justify-content:space-between;width:100%;padding:22px 24px;font-size:.75rem;display:flex;position:absolute;top:0}.studio-preview-heading span:last-child{text-transform:uppercase}.studio-canvas{width:100%;min-width:0;height:580px}.studio-canvas canvas{width:100%;max-width:100%;height:100%;display:block;touch-action:pan-y!important}.studio-render-state{text-align:center;color:#657490;background:#e8edf7;flex-direction:column;justify-content:center;align-items:center;gap:20px;font-size:.9375rem;display:flex;position:absolute;inset:70px 35px 120px}.studio-loading{border:2px solid #b6c1d7;border-top-color:#3044db;border-radius:50%;width:24px;height:24px;animation:1s linear infinite studio-spin}.studio-preview-tools{align-items:center;gap:8px;padding:0 20px 16px;display:flex}.studio-preview-tools button{color:#4e5e7d;background:#ffffffb8;border:1px solid #cdd5e5;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-width:42px;height:42px;padding:10px;font-size:.8125rem;display:flex}.studio-preview-tools button:hover{background:#fff}.studio-preview-tools button:disabled{opacity:.4;cursor:default}.studio-preview-tools>span{color:#8793aa;margin-left:5px;font-size:.75rem}.studio-preview-tools .studio-download{margin-left:auto}.studio-preview-fine{color:#7b889e;text-align:center;padding:0 22px 21px;font-size:.75rem;line-height:1.5}.studio-render-error{color:#983d27;padding:10px 22px;font-size:.875rem}.studio-design-caption{justify-content:space-between;align-items:center;gap:18px;padding:19px 5px;display:flex}.studio-design-caption strong{font-size:1rem;font-weight:600;display:block}.studio-design-caption div>span{color:#8790a1;margin-top:4px;font-size:.8125rem;display:block}.studio-concept-tag{color:#657498;white-space:nowrap;border:1px solid #d7dfef;border-radius:30px;padding:6px 10px;font-size:.75rem}.studio-controls{background:#fff;border:1px solid #e1e5ed;border-radius:9px;padding:24px}.studio-tabs{width:100%;margin-bottom:22px;display:flex;background:#f1f3f8!important;border-radius:6px!important;height:47px!important;padding:4px!important}.studio-tabs button{color:#7d879a!important;gap:7px!important;padding:9px 12px!important;font-size:.875rem!important}.studio-tabs button[data-state=active]{color:#2c41cf!important;background:#fff!important;box-shadow:0 2px 6px #111a3920!important}.studio-control-title{margin:0 0 22px}.studio-control-title h2{font-size:1.75rem;font-weight:500;line-height:1.15}.studio-control-title p{color:#8a93a4;margin-top:9px;font-size:.875rem}.studio-controls fieldset{border:0;margin:22px 0;padding:0}.studio-controls legend{color:#4b566b;margin-bottom:10px;font-size:.875rem;font-weight:600}.studio-choices{grid-template-columns:1fr;gap:8px;display:grid}.studio-choice{cursor:pointer;border:1px solid #e0e5ee;border-radius:5px;align-items:center;gap:11px;padding:12px 14px;display:flex}.studio-choice:has([data-state=checked]){background:#f3f5ff;border-color:#8392ec}.studio-choice>button{flex-shrink:0}.studio-choice strong{color:#434f67;font-size:.875rem;font-weight:500;display:block}.studio-choice small{color:#8993a5;margin-top:3px;font-size:.75rem;display:block}.studio-select-row{grid-template-columns:1fr 1fr;gap:15px;margin:24px 0;display:grid}.studio-select-row>label{color:#4b566b;flex-direction:column;gap:9px;font-size:.875rem;font-weight:600;display:flex}.studio-select-row [data-slot=select-trigger]{border-color:#d7dfea;width:100%;height:auto;min-height:45px;font-size:.875rem;font-weight:400}.studio-swatches{flex-wrap:wrap;gap:18px;display:flex}.studio-swatch{cursor:pointer;color:#778197;flex-direction:column;align-items:center;gap:8px;min-width:42px;font-size:.75rem;display:flex}.studio-swatch>button{border:1px solid #c3cad6;width:33px;height:33px;box-shadow:0 0 0 3px #fff}.studio-swatch>button[data-state=checked]{box-shadow:0 0 0 3px #fff,0 0 0 5px #687ce5}.studio-swatch [data-slot=radio-group-indicator]{display:none}.studio-next{width:100%;min-height:48px;margin-top:14px;font-size:.9375rem}.studio-field-note{color:#9099aa;margin-top:14px;font-size:.8125rem;line-height:1.6}.studio-bottom{border-top:1px solid #e5e9f1;margin-top:24px;padding-top:18px}.studio-bottom p{color:#919bad;font-size:.75rem;line-height:1.6}.studio-bottom>button{color:#4358c7;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:17px 0 0;font-size:.8125rem;display:flex}.studio-input-label{color:#4b566b;flex-direction:column;gap:8px;margin-bottom:20px;font-size:.875rem;display:flex}.studio-input-label input{background:#fff;border:1px solid #d7deea;border-radius:5px;width:100%;padding:12px 13px;font-size:1rem}.studio-palettes{gap:9px;display:grid}.studio-palette{cursor:pointer;border:1px solid #e1e6ef;border-radius:5px;align-items:center;gap:12px;padding:9px 12px;display:flex}.studio-palette:has([data-state=checked]){background:#f4f6ff;border-color:#8392ec}.studio-palette-sample{border:1px solid #11111115;border-radius:3px;justify-content:center;align-items:center;width:55px;height:44px;font-family:Georgia,serif;font-size:22px;display:flex;position:relative}.studio-palette-sample>span{width:12px;height:12px;position:absolute;bottom:0;right:0}.studio-palette strong{color:#667288;font-size:.875rem;font-weight:400}.studio-quiz-link{color:#3044db;align-items:center;gap:12px;margin-top:25px;font-size:.875rem;display:flex}.studio-review{background:#f6f7fa;border:1px solid #e6eaf2;border-radius:5px;margin:25px 0 10px;padding:18px}.studio-review h3{letter-spacing:-.01em;margin-bottom:15px;font-size:1rem}.studio-review dl{margin:0}.studio-review dl>div{grid-template-columns:90px 1fr;gap:15px;margin:9px 0;font-size:.8125rem;display:grid}.studio-review dt{color:#8b95a8}.studio-review dd{color:#536078;overflow-wrap:anywhere;margin:0}.studio-scent-attached{color:#617746;background:#f2f7e7;border:1px solid #d8e5bf;border-radius:6px;align-items:start;gap:12px;padding:18px;display:flex}.studio-scent-attached strong{font-size:1rem}.studio-scent-attached p{margin:5px 0;font-size:.875rem}.studio-scent-attached span{font-size:.8125rem}.studio-scent-attached button{color:#73865b;background:0 0;border:0;margin-top:14px;font-size:.75rem;text-decoration:underline;display:block}.studio-enquiry{grid-template-columns:.85fr 1.15fr;gap:70px;padding:75px 0;scroll-margin-top:110px;display:grid}.studio-enquiry.hidden{display:none}.studio-enquiry h2{margin:22px 0;font-size:clamp(2rem,3.5vw,3.5rem)}.studio-enquiry p{color:#7a8599;max-width:430px;font-size:1rem}.studio-enquiry ul{color:#71815a;margin:25px 0;padding:0;font-size:.875rem;list-style:none}.studio-enquiry li{align-items:center;gap:10px;margin:12px 0;display:flex}.studio-help{border-top:1px solid #dfe4ee;margin-top:50px;padding:65px 0 80px}.studio-help h2{margin-bottom:30px;font-size:2rem;font-weight:500}.studio-help>div{grid-template-columns:repeat(3,1fr);gap:35px;display:grid}.studio-help h3{letter-spacing:-.02em;margin-bottom:12px;font-size:1.125rem;line-height:1.3}.studio-help p{color:#7b8597;font-size:.9375rem;line-height:1.7}.studio-help>p{margin-top:30px}.studio-help a{color:#3044db;text-decoration:underline}.bottle-attachment{background:#edf1ff;border:1px solid #d4ddfa;border-radius:5px;margin:0 0 24px;padding:18px}.bottle-attachment h4{letter-spacing:-.02em;color:#3b4da6;margin:9px 0;font-size:1rem}.bottle-attachment p{color:#6e7fa5!important;margin:4px 0!important;font-size:.8125rem!important}.bottle-attachment a{color:#3044db;margin-top:10px;font-size:.8125rem;text-decoration:underline;display:inline-block}.bottle-attachment button{color:#8491aa;background:0 0;border:0;margin-left:18px;font-size:.75rem;text-decoration:underline}.studio-preview.compact .studio-canvas{height:370px}.studio-preview.compact{margin:18px 0}.studio-preview.compact .studio-preview-heading{padding:15px;font-size:.75rem}.studio-preview.compact .studio-preview-tools>span{display:none}@keyframes studio-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.studio-loading{animation:none}}@media (max-width:1100px){.studio-layout{grid-template-columns:1fr 1fr;gap:18px}.studio-canvas{height:500px}.studio-controls{padding:19px}.studio-tabs button{padding:8px!important;font-size:.8125rem!important}.studio-preview-tools>span{display:none}.studio-enquiry{gap:35px}}@media (max-width:760px){.studio-intro{align-items:start;gap:12px;padding-top:25px}.studio-intro h1{font-size:2rem;line-height:1.15}.studio-intro p{font-size:.875rem}.studio-reset{gap:0;padding:10px 0;font-size:0}.studio-reset svg{width:18px;height:18px}.studio-layout{grid-template-columns:1fr;gap:8px}.studio-visual-column{position:static}.studio-canvas{height:380px}.studio-preview-heading{padding:16px;font-size:.75rem}.studio-preview-tools{padding:0 14px 13px}.studio-preview-tools>span{font-size:.75rem;display:block}.studio-preview-tools .studio-download>span{display:none}.studio-preview-fine{padding:0 16px 15px;font-size:.75rem}.studio-design-caption{padding:13px 3px 22px}.studio-controls{padding:19px 16px}.studio-tabs button{font-size:.875rem!important}.studio-enquiry{grid-template-columns:1fr;gap:30px;padding:45px 0}.studio-help{margin-top:38px;padding:40px 0 55px}.studio-help>div{grid-template-columns:1fr;gap:25px}.studio-review dl>div{font-size:.875rem}.studio-preview.compact .studio-canvas{height:310px}}@media (max-width:760px) and (min-height:640px){.studio-visual-column{z-index:20;background:#f6f7f9;padding-bottom:7px;position:sticky;top:76px}.studio-canvas{height:255px}.studio-preview-heading{padding:12px 15px}.studio-design-caption{padding:9px 3px 4px}.studio-design-caption strong{font-size:.875rem}.studio-design-caption div>span{font-size:.75rem}.studio-preview-fine{display:none}.studio-preview-tools{padding-bottom:11px}.studio-controls{position:relative}}