/* A single proportional frame owns both the photograph and its label. */
.catalog-studio .product-composition{container-type:size;width:100%;height:100%;max-height:350px;align-items:flex-end;padding:10px 0 18px}
.catalog-studio .bottle-visual,.catalog-studio .bottle-visual.is-jar{width:min(75cqw,calc(var(--photo-ratio)*87cqh));height:auto!important;max-width:none!important;max-height:none;aspect-ratio:var(--photo-ratio);align-self:flex-end;flex:0 0 auto;container-type:inline-size}
.catalog-studio .with-box .bottle-visual{width:min(48cqw,calc(var(--photo-ratio)*87cqh))}
.catalog-studio .photo-crop{width:100%;height:auto!important;aspect-ratio:var(--photo-ratio)!important}
.catalog-studio .photo-crop img{display:block;object-fit:fill}
.catalog-studio .bottle-visual .live-label{box-sizing:border-box;padding:8% 7%;min-height:0;max-height:100%;overflow:hidden;border-radius:2px;display:flex;flex-direction:column;justify-content:space-between;gap:3%;text-align:left;box-shadow:inset 6px 0 8px #ffffff22,inset -6px 0 9px #0002}
.catalog-studio .bottle-visual .live-label strong{font-size:clamp(7px,18cqw,26px);line-height:.98;margin:0;letter-spacing:-.045em;overflow-wrap:anywhere;max-height:45%;overflow:hidden}
.catalog-studio .bottle-visual .live-label.long-brand strong{font-size:clamp(6px,12cqw,18px)}
.catalog-studio .bottle-visual .live-label span{font-size:clamp(4px,6.5cqw,10px);line-height:1.15;margin:0;max-height:30%;overflow:hidden}
.catalog-studio .bottle-visual .live-label small{font-size:clamp(3px,3.3cqw,6px);line-height:1.1;margin:0;padding:0;letter-spacing:.3px}
.catalog-studio .bottle-visual .live-label .label-edition{white-space:nowrap;font-size:clamp(2px,2.8cqw,5px)}
.catalog-studio .bottle-visual .label-divider{margin:3% 0;flex-shrink:0;min-height:.5px;height:.5px}
.catalog-studio .bottle-visual .live-label.type{text-align:center}.catalog-studio .bottle-visual .live-label.type .label-divider{margin:3% auto}
.catalog-studio .bottle-visual.is-jar .live-label{padding:3% 7%}.catalog-studio .bottle-visual.is-jar .live-label strong{font-size:clamp(9px,12cqw,22px)}.catalog-studio .bottle-visual.is-jar .live-label.long-brand strong{font-size:clamp(7px,8cqw,16px)}.catalog-studio .bottle-visual.is-jar .live-label .label-edition,.catalog-studio .bottle-visual.is-jar .live-label .label-divider{display:none}
.catalog-studio .render-box{height:80cqh;width:min(32cqw,110px);padding:8cqh 5cqw 5cqh 4cqw;max-height:none;min-height:0;overflow:visible;container-type:inline-size;background:linear-gradient(90deg,transparent 87%,#00000015 87%),var(--box-color)}
.catalog-studio .render-box strong{font-size:clamp(10px,24cqw,25px);line-height:1;letter-spacing:-.04em;max-height:34%;overflow:hidden;margin-top:14%;overflow-wrap:anywhere}
.catalog-studio .render-box>span{font-size:clamp(6px,10cqw,11px);line-height:1.3;margin-top:12%;max-height:28%;overflow:hidden}.catalog-studio .render-box small,.catalog-studio .render-box>b{font-size:clamp(3px,5cqw,7px);line-height:1.3;letter-spacing:.5px}
.catalog-studio .render-box>b{padding-top:12%;margin-top:auto}.catalog-studio .render-box small:last-child{margin-top:12%}
.catalog-studio .render-box.kraft{background:linear-gradient(90deg,transparent 87%,#00000015 87%),#cbb08b}
.catalog-studio .render-box.box-style-bold{background:linear-gradient(90deg,transparent 87%,#ffffff0f 87%),#191919;color:var(--box-color);border-bottom:10px solid var(--box-color)}.catalog-studio .render-box.box-style-bold:before{background:#292929}.catalog-studio .render-box.box-style-bold strong{font-weight:900;font-size:clamp(11px,28cqw,28px);text-transform:uppercase}.catalog-studio .render-box.box-style-bold>b{border-top:3px solid currentColor}
.catalog-studio .render-box.box-style-type{text-align:center;background:linear-gradient(90deg,transparent 87%,#00000012 87%),var(--box-color)}.catalog-studio .render-box.box-style-type strong{font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.05em}.catalog-studio .render-box.box-style-type>b{width:65%;align-self:center;border-top:1px solid currentColor}.catalog-studio .render-box.kraft.box-style-type{background:linear-gradient(90deg,transparent 87%,#00000012 87%),#cbb08b}
.catalog-studio .box-sample.box-style-bold{background:linear-gradient(90deg,transparent 83%,#fff2 83%),#191919;color:var(--swatch);border-bottom:4px solid var(--swatch)}.catalog-studio .box-sample.box-style-bold small{color:var(--swatch)!important}.catalog-studio .box-sample.box-style-type{text-align:center}.catalog-studio .box-sample.box-style-type b{font-family:Georgia,serif;font-style:italic;font-weight:400}
.catalog-studio .canvas{--brand-scene:#dce8b6;background:radial-gradient(ellipse at 50% 35%,#ffffffda,transparent 60%),linear-gradient(135deg,color-mix(in srgb,var(--brand-scene) 20%,#fff9f6),#fff8f1 55%,color-mix(in srgb,var(--brand-scene) 37%,#fff));transition:background .15s}
.brand-backdrop{position:absolute;z-index:0;left:3%;right:3%;top:13%;text-align:center;font-family:Georgia,serif;font-style:italic;font-size:clamp(50px,7vw,125px);line-height:.95;letter-spacing:-.06em;color:color-mix(in srgb,var(--brand-scene) 38%,#a8937a);opacity:.15;white-space:nowrap;overflow:hidden;text-overflow:clip;pointer-events:none;transform:rotate(-5deg)}
.catalog-studio .halo{border-color:color-mix(in srgb,var(--brand-scene) 35%,transparent);background:radial-gradient(ellipse,#ffffff60,transparent 68%);box-shadow:0 0 0 28px #ffffff18}
.brand-selections{position:absolute;top:15px;left:17px;z-index:5;max-width:180px;display:flex;flex-direction:column;gap:7px}.brand-selections button{display:flex;gap:7px;align-items:center;border:1px solid #ffffffbb;background:#ffffffbd;backdrop-filter:blur(12px);border-radius:13px;padding:9px 10px;max-width:180px;box-shadow:0 5px 15px #5f3e2010;text-align:left;animation:badge-arrive .25s ease}.brand-selections button>span{height:24px;width:24px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;background:color-mix(in srgb,var(--brand-scene) 60%,white);font-size:16px}.brand-selections strong{font-size:11px;font-weight:500;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.brand-selections .scent-selection>span{background:#ffe2d0}
@keyframes badge-arrive{from{opacity:0;transform:translateY(-6px) scale(.95)}to{opacity:1;transform:none}}
.catalog-studio .tray-heading{gap:8px}.catalog-studio .tray-heading h2{flex:1;min-width:0}.catalog-studio .tray-heading .next-layer{width:auto;white-space:nowrap;border:0;background:#ffefe6;color:#b74e31;border-radius:20px;height:34px;padding:8px 11px;font-size:12px;flex-shrink:0}
.catalog-studio .drag-card{touch-action:pan-x}.catalog-studio .learn-option{min-height:32px}.catalog-studio .brand-field input{scroll-margin-bottom:30px}.catalog-studio .brand-field:focus-within{padding-bottom:15px}.catalog-studio .option-empty{font-size:14px}
/* Keep the canvas and its controls in separate layout regions. */
@media(min-width:851px){.catalog-studio .brand-selections{top:20px;left:20px;max-width:135px}.catalog-studio .brand-selections button{max-width:135px}.catalog-studio .product-composition{padding-top:50px}.catalog-studio .catalog-stage{padding-top:50px}.catalog-studio .collection-stage{padding-top:24px}.catalog-studio .collection-product .product-composition{padding-top:8px}.catalog-studio .tray-heading h2{font-size:24px}.catalog-studio .render-box{padding:20px 16px 16px 12px}}
@media(max-width:850px){.brand-backdrop{font-size:64px;top:25%;left:0;right:0}.brand-selections{left:12px;top:12px;gap:5px;max-width:113px}.brand-selections button{max-width:113px;min-height:32px;border-radius:10px;padding:5px 6px;gap:5px}.brand-selections button>span{height:19px;width:19px;font-size:12px}.brand-selections strong{font-size:9px;line-height:1.15}.catalog-studio .product-composition{padding:38px 0 8px;gap:14px}.catalog-studio .bottle-visual,.catalog-studio .bottle-visual.is-jar{width:min(75cqw,calc(var(--photo-ratio)*83cqh))}.catalog-studio .with-box .bottle-visual{width:min(46cqw,calc(var(--photo-ratio)*83cqh))}.catalog-studio .render-box{height:77cqh;width:min(29cqw,86px);padding:12px 12px 10px 9px}.catalog-studio .tray-heading h2{font-size:21px}.catalog-studio .tray-heading .next-layer{height:28px;font-size:11px;padding:6px 10px}.catalog-studio .learn-option{min-height:28px;padding:6px 0}.catalog-studio .collection-product .product-composition{height:calc(100% - 34px);padding:18px 0 8px}.catalog-studio .collection-product .render-box{width:29cqw;height:77cqh;padding:10px 8px}.catalog-studio .collection-product .bottle-visual{max-width:none}.catalog-studio .collection-stage{padding-top:15px}}
@media(max-width:850px) and (max-height:740px){.brand-selections{top:8px;max-width:102px}.brand-selections button{max-width:102px;padding:4px 5px;min-height:27px}.brand-selections strong{font-size:8px}.brand-selections button>span{height:16px;width:16px;font-size:10px}.brand-backdrop{font-size:51px;top:36%}.catalog-studio .product-composition{padding-top:35px}.catalog-studio .render-box{padding:8px}.catalog-studio .tray-heading h2{font-size:19px}}
@media(max-width:850px) and (max-height:620px){.catalog-studio{overflow:auto;height:auto}.catalog-studio .studio-shell{min-height:740px;height:auto}.catalog-studio .canvas{height:340px;min-height:340px}.catalog-studio .mobile-tray{position:relative;top:auto}.catalog-studio .catalog-product{height:235px}}
@media(prefers-reduced-motion:reduce){.brand-selections button{animation:none}}
.catalog-studio .live-label.bold{color:var(--bold-label-ink)}.catalog-studio .render-box.box-style-bold{color:var(--bold-box-ink)}.catalog-studio .label-sample,.catalog-studio .box-sample{color:var(--swatch-ink,#191919)}.catalog-studio .label-sample.bold,.catalog-studio .box-sample.box-style-bold{color:var(--swatch-bold,var(--swatch))}.catalog-studio .label-sample small{color:inherit!important}.catalog-studio .box-sample.box-style-bold small{color:inherit!important}
@media(max-width:850px){.catalog-studio #optionCards{height:134px;min-height:134px}}
@media(max-width:850px) and (max-height:740px){.catalog-studio #optionCards{height:114px;min-height:114px}}