/* Product-led editorial workspace. Story is intentionally off the working surface. */
.catalog-studio .canvas{background:radial-gradient(ellipse at 50% 44%,#fff9 0%,transparent 55%),linear-gradient(135deg,color-mix(in srgb,var(--brand-scene) 50%,white),#fff6ee 60%,color-mix(in srgb,var(--brand-scene) 70%,white))}
.catalog-studio .brand-backdrop{font-family:Georgia,serif;font-style:normal;font-weight:400;letter-spacing:-.08em;opacity:.27;top:20%;font-size:clamp(70px,12vw,190px);color:color-mix(in srgb,var(--brand-scene) 50%,#493328)}
.catalog-studio .halo{border:0;box-shadow:none;background:radial-gradient(ellipse,#fff8,transparent 68%)}
.catalog-studio .detail-button{white-space:nowrap;background:#ffffffb8;border:1px solid #fff;min-height:42px;font-size:13px;color:#45392f}
.catalog-studio .view-switch{margin:8px 0 0}
.catalog-studio .canvas-caption{display:none}
.catalog-studio .brand-selections{padding:2px 14px 8px;flex-wrap:nowrap;overflow:auto;flex-shrink:0;max-width:100%;justify-content:flex-start;scrollbar-width:none}
.catalog-studio .brand-selections button{box-shadow:none;min-width:0;flex-shrink:0;max-width:180px;border-radius:30px;padding:5px 9px;min-height:30px}
.catalog-studio .brand-selections strong{font-size:12px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.catalog-studio .brand-selections button>span{width:18px;height:18px;flex-shrink:0}
.catalog-studio .tray-footer{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.catalog-studio .mobile-tray{position:relative;background:#fffdfb}
.catalog-studio .tray-heading .next-layer{display:none}
.catalog-studio .tray-heading h2{max-width:none;font-size:24px}
.catalog-studio .choice-tile{position:relative}
.catalog-studio .drag-card{border-radius:14px;box-shadow:none;border:1px solid #0000000b;background:#faf0e6;touch-action:pan-x}
.catalog-studio .choice-tile:nth-child(5n+2) .drag-card{background:#f1efd7}
.catalog-studio .choice-tile:nth-child(5n+3) .drag-card{background:#f6dfdc}
.catalog-studio .choice-tile:nth-child(5n+4) .drag-card{background:#dcecf0}
.catalog-studio .choice-tile:nth-child(5n+5) .drag-card{background:#ebe1f4}
.catalog-studio .drag-card.selected{border:2px solid #ff6546;background:#fff1e8}
.catalog-studio .drag-card strong{font-size:14px;font-weight:600}
.catalog-studio .learn-option{font-size:12px;min-height:28px}
.catalog-studio #categoryTabs button{font-size:14px;min-height:40px}
.catalog-studio .studio-actions{position:relative;margin-top:auto;background:#fffdfb}
/* Native modal provides focus trapping, Escape dismissal and focus restoration. */
.catalog-studio #storyDrawer{inset:0 0 0 auto;margin:0;width:min(460px,94vw);max-width:94vw;height:100dvh;max-height:100dvh;border:0;border-radius:24px 0 0 24px;padding:0;background:#fffdfb;color:#191919;overflow:hidden;box-shadow:-20px 0 80px #20160b22}
.catalog-studio #storyDrawer[open]{display:flex;flex-direction:column;animation:story-in .22s ease-out}
.catalog-studio #storyDrawer::backdrop{background:#241e1940;backdrop-filter:blur(3px)}
.story-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e9e1dc;flex-shrink:0}
.story-drawer-head>span{font-size:12px;letter-spacing:1.5px;color:#765d4c}
.story-drawer-head button{width:44px;height:44px;border:0;border-radius:50%;font-size:27px;background:#f4eee8;color:#191919}
.story-drawer-content{overflow:auto;overscroll-behavior:contain;padding:25px 24px 15px;flex:1;min-height:0}
.story-brand{font-family:Georgia,serif;font-size:48px;letter-spacing:-3px;color:#3b3129;overflow-wrap:anywhere;line-height:1.1;padding-bottom:15px;border-bottom:4px solid var(--story-color)}
.catalog-studio #storyTitle{font-size:28px;line-height:1.1;margin:22px 0 12px}
.catalog-studio #storyDrawer .product-story{padding:0}
.catalog-studio #storyDrawer .product-story p{font-size:16px;line-height:1.65;color:#66574c}
.catalog-studio #storyDrawer .product-story>span{font-size:12px;line-height:1.5;letter-spacing:.7px}
.story-section{padding:23px 0;border-bottom:1px solid #e9e1dc}
.story-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.catalog-studio #storyDrawer h3{font-family:Georgia,serif;font-weight:400;font-size:25px;letter-spacing:-.7px;margin:0}
.story-section-title button{background:#ffefe6;border:0;border-radius:30px;color:#a64b31;font-size:14px;min-width:48px;min-height:40px;padding:8px 12px}
.catalog-studio #storyDrawer p{font-size:16px;line-height:1.6;color:#655c53;margin:10px 0}
.catalog-studio #storyDrawer small{font-size:12px;line-height:1.5;color:#817467;overflow-wrap:anywhere}
.ingredient-explainer{margin-top:8px;border:1px solid #eae5dc;border-radius:14px;background:color-mix(in srgb,var(--story-color) 15%,white);overflow:hidden}
.ingredient-explainer summary{display:flex;align-items:center;gap:10px;cursor:pointer;padding:14px 12px;font-size:14px;font-weight:600;line-height:1.3;list-style:none;min-height:48px}
.ingredient-explainer summary::-webkit-details-marker{display:none}
.ingredient-star{font-size:23px;color:#4d6654}.info-symbol{margin-left:auto;color:#857365}
.ingredient-copy{padding:0 14px 15px}.ingredient-copy ul{padding-left:20px;font-size:14px;line-height:1.6}
.base-formula{margin-top:15px}.base-formula summary{font-size:14px;cursor:pointer;min-height:40px;align-content:center;color:#88705b}.catalog-studio #storyDrawer .base-formula p{font-size:13px;overflow-wrap:anywhere}
.scent-story,.packaging-story{display:flex;align-items:center;gap:16px}
.scent-story>span{font-family:Georgia,serif;font-size:55px;width:65px;height:65px;display:grid;place-items:center;background:#ffeadb;border-radius:50%;flex-shrink:0}
.catalog-studio #storyDrawer h4{font-size:16px;line-height:1.4;margin:0;font-weight:600}
.packaging-story img{width:68px;height:108px;object-fit:contain;mix-blend-mode:multiply}.packaging-story span{font-size:12px;line-height:1.5;color:#877563}
.story-companions{padding-top:22px}.catalog-studio .story-companions #selectedChips{height:auto;flex-wrap:wrap;white-space:normal;margin:0 0 20px}.catalog-studio .story-companions #selectedChips>*{font-size:12px;min-height:34px;max-width:100%;white-space:normal;text-align:left}
.catalog-studio .story-companions .companion-heading{font-size:16px;margin:15px 0}.catalog-studio .story-companions .companion-heading button{font-size:13px;min-height:40px}
.catalog-studio .story-companions #companionGallery{display:flex;flex-direction:column;gap:8px;overflow:visible}
.catalog-studio .story-companions .companion-card{width:100%;max-width:none;min-width:0;height:auto;min-height:66px}.catalog-studio .story-companions .companion-card strong{font-size:14px}.catalog-studio .story-companions .companion-card small{font-size:12px}
.back-to-design{flex-shrink:0;margin:10px 20px calc(14px + env(safe-area-inset-bottom));min-height:48px;border:0;border-radius:30px;background:#191919;color:white;font-size:16px}
@keyframes story-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(min-width:851px){
 .catalog-studio .studio-shell{grid-template-columns:180px minmax(320px,1fr) 350px}
 .catalog-studio .mobile-tray{padding:24px 18px;gap:8px}
 .catalog-studio .canvas-top{padding-top:26px}
 .catalog-studio .scene{min-height:250px;overflow:hidden}
 .catalog-studio .catalog-stage{min-height:200px}
 .catalog-studio #optionCards{height:auto;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow-y:auto;align-content:start;flex:1}
 .catalog-studio .choice-tile,.catalog-studio .drag-card{width:100%;min-width:0}
 .catalog-studio .drag-card{height:140px}
 .catalog-studio .brand-field{grid-column:1/-1}
 .catalog-studio .studio-actions{padding-top:16px;flex-shrink:0}
}
@media(max-width:850px){
 .catalog-studio{height:100dvh;min-height:0;overflow:hidden}
 .catalog-studio header{height:54px;min-height:54px;padding:0 16px}
 .catalog-studio .logo{font-size:25px}.catalog-studio .lab{font-size:12px}.catalog-studio .divider{margin:0 9px}.catalog-studio .lab small{display:none}
 .catalog-studio .quiet{font-size:12px;padding:8px 10px;min-height:36px}.catalog-studio #reset{padding:8px 3px}
 .catalog-studio .studio-shell{height:calc(100dvh - 54px);min-height:0;display:flex;flex-direction:column}
 .catalog-studio .canvas{height:auto;min-height:190px;flex:1;overflow:hidden}
 .catalog-studio .canvas-top{padding:14px 17px 0;gap:8px;flex-shrink:0}
 .catalog-studio .canvas-top .eyebrow{font-size:10px;letter-spacing:1px;display:block}
 .catalog-studio h1{font-size:24px;line-height:1.08;margin:5px 0 0;letter-spacing:-.8px}
 .catalog-studio .detail-button{font-size:12px;min-height:40px;padding:8px 11px}
 .catalog-studio .item-tabs{padding:10px 17px 0;gap:6px}
 .catalog-studio .item-tabs button{padding:6px 10px;min-height:32px;font-size:12px;background:#ffffff70}.catalog-studio .item-tabs span{display:none}
 .catalog-studio .view-switch{position:absolute;top:auto;bottom:8px;right:14px;margin:0;align-self:auto;z-index:5;background:#ffffffb8}
 .catalog-studio .view-switch button{font-size:12px;min-height:32px;padding:7px 10px}
 .catalog-studio .scene{min-height:0;flex:1;height:auto;padding:0 0 43px;overflow:hidden;flex-direction:column}
 .catalog-studio .catalog-stage{flex:1;height:auto;min-height:0;padding:10px 20px 5px}
 .catalog-studio .catalog-product{height:100%;min-height:0}
 .catalog-studio .brand-backdrop{font-size:clamp(70px,24vw,125px);top:24%}
 .catalog-studio .brand-selections{position:absolute;bottom:7px;left:12px;right:202px;max-width:none;padding:0;gap:4px;height:32px;z-index:5}
 .catalog-studio .brand-selections button{max-width:120px;min-height:30px;padding:4px 7px}.catalog-studio .brand-selections strong{font-size:11px}.catalog-studio .brand-selections button>span{height:17px;width:17px;font-size:12px}
 .catalog-studio .mobile-tray{position:relative;height:calc(269px + env(safe-area-inset-bottom));min-height:0;flex:none;padding:11px 14px calc(8px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;overflow:hidden;box-shadow:0 -6px 25px #5741330b}
 .catalog-studio .tray-heading{height:28px;min-height:28px;gap:8px}
 .catalog-studio .tray-heading h2{font-size:21px;line-height:1.15;max-width:none}.catalog-studio .tray-heading button{width:32px;height:32px}
 .catalog-studio #categoryTabs{margin:8px 0;gap:5px;min-height:36px}
 .catalog-studio #categoryTabs button{font-size:13px;min-height:36px;padding:7px 12px}
 .catalog-studio #optionCards{height:119px;min-height:119px;padding:0;gap:8px;scrollbar-width:none;align-items:flex-start}
 .catalog-studio .choice-tile{width:116px;min-width:116px}
 .catalog-studio .drag-card{height:90px;min-height:90px;width:116px;min-width:116px;padding:7px;gap:4px;justify-content:center}
 .catalog-studio .drag-card.selected{padding:6px}
 .catalog-studio .drag-card strong{font-size:12px;line-height:1.2;min-height:14px;max-height:29px}
 .catalog-studio .drag-card small{display:none}.catalog-studio .selection-mark{top:5px;right:5px;width:16px;height:16px;font-size:11px}
 .catalog-studio .colour-orb{width:38px;height:38px;margin:0 0 3px}
 .catalog-studio .label-sample,.catalog-studio .box-sample{height:43px;margin:0}
 .catalog-studio .drag-card img{height:42px;width:42px}.catalog-studio .scent-gem{height:33px;width:33px;font-size:27px}.catalog-studio .ingredient-gem{width:30px;height:30px}
 .catalog-studio .learn-option{font-size:11px;min-height:28px;padding:6px 0}
 .catalog-studio .studio-actions{position:relative;bottom:auto;padding:0;margin:7px 0 0;gap:8px;border:0;background:none;flex-shrink:0}
 .catalog-studio .studio-actions button{min-height:44px;padding:10px;font-size:15px}
 .catalog-studio .brand-field{font-size:14px;padding:4px 2px}.catalog-studio .brand-field input{margin-top:8px;font-size:16px;height:44px}
 .catalog-studio .collection-product{width:180px;min-width:180px;flex-basis:180px}
 .catalog-studio .edit-item{font-size:12px;min-height:34px;margin:5px 0 0}
 .catalog-studio #toast{bottom:calc(280px + env(safe-area-inset-bottom));font-size:12px}
}
@media(max-width:360px){.catalog-studio .lab{display:none}.catalog-studio h1{font-size:21px}.catalog-studio .detail-button{font-size:11px}.catalog-studio .brand-selections{right:193px}}
@media(max-width:850px) and (max-height:560px){.catalog-studio{height:auto;overflow:auto}.catalog-studio .studio-shell{height:auto;min-height:560px}.catalog-studio .canvas{height:285px;flex:none}.catalog-studio .canvas-top{padding-top:8px}}
@media(prefers-reduced-motion:reduce){.catalog-studio #storyDrawer[open]{animation:none}}

/* CRE8OR finish: coral, cotton and ink. Keep the approved layout dimensions. */
.catalog-studio{--ui-coral:#ff6546;--ui-ink:#191919;--ui-paper:#fbfaf8;--ui-peach:#ffefe6;--ui-line:#e8e3de;--ui-muted:#6a6763;color:var(--ui-ink);background:var(--ui-paper)}
.catalog-studio header{background:var(--ui-paper);border-color:var(--ui-line)}
.catalog-studio .lab,.catalog-studio .source-note{color:var(--ui-muted)}
.catalog-studio .canvas{background:radial-gradient(ellipse at 65% 55%,color-mix(in srgb,var(--brand-scene) 18%,transparent),transparent 62%),radial-gradient(ellipse at 45% 35%,#fff 0%,#fff9f6 46%,#ffefe6 100%)}
.catalog-studio .canvas-top .eyebrow{color:#8a5141}
.catalog-studio .brand-backdrop{color:color-mix(in srgb,var(--brand-scene) 25%,#bb8470);opacity:.18}
.catalog-studio .mobile-tray,.catalog-studio .item-rail{background:var(--ui-paper);border-color:var(--ui-line)}
.catalog-studio .mobile-tray{box-shadow:0 -5px 24px #19191906}
.catalog-studio button{font-family:inherit;-webkit-tap-highlight-color:transparent;transition:background-color .14s ease,color .14s ease,border-color .14s ease,box-shadow .14s ease}
.catalog-studio button:focus-visible,.catalog-studio summary:focus-visible,.catalog-studio input:focus-visible,.catalog-studio select:focus-visible{outline:2px solid var(--ui-ink);outline-offset:-2px}
.catalog-studio button:disabled{opacity:.35;cursor:default}
.catalog-studio #catalogOpen{background:var(--ui-ink);color:white;border-radius:999px;font-weight:600;box-shadow:none}
.catalog-studio #reset{color:var(--ui-muted);background:transparent}
.catalog-studio .detail-button{color:var(--ui-ink);background:#ffffffc9;border-color:#19191918;border-radius:999px;box-shadow:0 2px 7px #19191904;font-weight:500}
.catalog-studio #itemList button,.catalog-studio .item-tabs button{background:#ffffff80;color:#56514d;border-color:#19191912;border-radius:10px;font-weight:500;box-shadow:none}
.catalog-studio #itemList button.active,.catalog-studio .item-tabs button.active{background:var(--ui-peach);color:#99351f;border-color:#ff654675;box-shadow:inset 0 0 0 1px #ff654615}
.catalog-studio #itemList span{color:#ae4c35}
.catalog-studio #railAdd{color:#655b55;background:transparent;border-color:#cbbeb5;border-radius:10px}
.catalog-studio .view-switch{background:#ffffffd9;border:0;border-radius:999px;box-shadow:0 2px 10px #19191907}
.catalog-studio .view-switch button{border-radius:999px;color:#69625d;font-weight:500}
.catalog-studio .view-switch button.selected{background:var(--ui-ink);color:white;box-shadow:none}
.catalog-studio .tray-heading h2{color:var(--ui-ink)}
.catalog-studio .tray-heading h2 em{color:#c3482d}
.catalog-studio #undo{border:1px solid var(--ui-line);background:white;color:#655f59;box-shadow:none;border-radius:50%}
.catalog-studio #categoryTabs button{border-radius:10px;background:#efede9;color:#68615a;font-weight:500;box-shadow:none;border:0}
.catalog-studio #categoryTabs button.active{background:var(--ui-ink);color:white;box-shadow:inset 0 -2px var(--ui-coral)}
.catalog-studio #optionCards .choice-tile .drag-card{background:#f4f1ed;border-color:#e9e3dc;border-radius:12px;color:var(--ui-ink);box-shadow:none}
.catalog-studio #optionCards .choice-tile:nth-child(even) .drag-card{background:#f8f3ee}
.catalog-studio #optionCards .choice-tile .drag-card.selected{background:var(--ui-peach);border-color:var(--ui-coral);box-shadow:0 3px 10px #ff654610}
.catalog-studio .selection-mark{background:#ffffffab;color:#9c9188;border:0;box-shadow:none;font-weight:600}
.catalog-studio .selected .selection-mark{background:var(--ui-coral);color:var(--ui-ink)}
.catalog-studio .ingredient-gem{background:linear-gradient(140deg,#ffe3d3,#ffb395);color:#87351f;box-shadow:inset 0 1px 1px #ffffffab}
.catalog-studio .scent-gem{background:linear-gradient(145deg,#ffe9dd,#ffc7b6);color:#a0452d;box-shadow:none}
.catalog-studio .learn-option{color:#8e4b39;text-decoration:none;font-weight:500}
.catalog-studio .brand-selections button{background:#ffffffc9;border-color:#1919190e;color:#51483f}
.catalog-studio .brand-selections button>span{background:var(--ui-peach);color:#ac452d}
.catalog-studio .studio-actions{background:transparent}
.catalog-studio .studio-actions button{border-radius:999px;font-weight:600;letter-spacing:-.2px;box-shadow:none}
.catalog-studio #saveDesign{background:white;color:var(--ui-ink);border:1px solid #19191945}
.catalog-studio #sampleDesign{background:var(--ui-coral);color:var(--ui-ink);border:1px solid var(--ui-coral);box-shadow:0 4px 12px #ff654619}
.catalog-studio #sampleCount{background:#ffffff59;color:var(--ui-ink)}
.catalog-studio .edit-item{background:#ffffffca;border-color:#19191925;border-radius:999px;color:var(--ui-ink)}
.catalog-studio #storyDrawer,.catalog-studio #designDialog{background:var(--ui-paper);color:var(--ui-ink)}
.catalog-studio .story-drawer-head{border-color:var(--ui-line)}
.catalog-studio .story-drawer-head>span{color:var(--ui-muted)}
.catalog-studio .story-drawer-head button,.catalog-studio #closeDialog{background:#efede9;color:var(--ui-ink)}
.catalog-studio .story-brand{color:var(--ui-ink)}
.catalog-studio #storyDrawer p,.catalog-studio #storyDrawer .product-story p{color:#605b56}
.catalog-studio .story-section{border-color:var(--ui-line)}
.catalog-studio .story-section-title button{color:#9d3c25;background:var(--ui-peach);border-radius:999px;font-weight:500}
.catalog-studio .ingredient-explainer{background:#fff6f0;border-color:#f0ddd2;border-radius:12px}
.catalog-studio .ingredient-star,.catalog-studio .info-symbol{color:#b3482d}
.catalog-studio .scent-story>span{background:var(--ui-peach);color:#b3482d}
.catalog-studio .back-to-design{background:var(--ui-ink);color:white;font-weight:500}
.catalog-studio .story-companions #selectedChips>*{background:var(--ui-peach);color:#874936;border:1px solid #efdace}
.catalog-studio .companion-card,.catalog-studio .catalog-result{border-color:var(--ui-line)}
.catalog-studio .companion-card b{background:var(--ui-peach);color:#b3482d}
.catalog-studio .companion-heading button{color:#ae432b;text-decoration:none}
.catalog-studio .catalog-result button,.catalog-studio #dialogAction{background:var(--ui-coral);color:var(--ui-ink);border-radius:999px;font-weight:600}
.catalog-studio #catalogFilter,.catalog-studio #catalogSearch,.catalog-studio .brand-field input{background:white;border-color:var(--ui-line);border-radius:10px;color:var(--ui-ink)}
@media(hover:hover){
 .catalog-studio #categoryTabs button:not(.active):hover{background:#e8e3dc;color:var(--ui-ink)}
 .catalog-studio #optionCards .choice-tile .drag-card:not(.selected):hover{border-color:#d6a38f;background:#fff0e5}
 .catalog-studio #catalogOpen:hover,.catalog-studio .back-to-design:hover{background:#36322e}
 .catalog-studio #sampleDesign:hover,.catalog-studio #dialogAction:hover{background:#f45a3c}
 .catalog-studio #saveDesign:hover,.catalog-studio .detail-button:hover{background:var(--ui-peach);border-color:#d7b8a6}
 .catalog-studio .learn-option:hover,.catalog-studio .companion-heading button:hover{color:#191919}
}
/* Formula choices live in the story; the working strip stays visual. */
.catalog-studio .brand-selections{display:none}
.catalog-studio .artwork-viewport .live-label{border-radius:var(--label-radius,6px);background-clip:padding-box}
.catalog-studio .story-choices{display:flex;flex-direction:column;gap:8px;margin:16px 0}
.catalog-studio #storyDrawer .story-choice-hint{font-size:13px;line-height:1.5;margin:0 0 4px;color:#73675d}
.catalog-studio .story-choice{display:flex;align-items:center;gap:12px;width:100%;padding:14px;text-align:left;border:1px solid #e8e3de;border-radius:12px;background:white;color:#191919}
.catalog-studio .story-choice>span{flex:1;min-width:0}
.catalog-studio .story-choice strong{font-size:14px;line-height:1.4;display:block;font-weight:600}
.catalog-studio #storyDrawer .story-choice small{font-size:13px;line-height:1.5;display:block;margin-top:5px;color:#70655b}
.catalog-studio .story-choice>b{display:grid;place-items:center;width:25px;height:25px;flex-shrink:0;border-radius:50%;background:#f3efeb;font-size:16px;font-weight:500;color:#87776b}
.catalog-studio .story-choice.chosen{border-color:#ff6546;background:#ffefe6}
.catalog-studio .story-choice.chosen>b{background:#ff6546;color:#191919}
@media(hover:hover){.catalog-studio .story-choice:hover{border-color:#d0a18c}}
.catalog-studio .collection-add{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;height:140px;border:1px solid #e9e3dc;border-radius:12px;background:#f8f3ee;color:#191919;padding:10px;touch-action:pan-x}
.catalog-studio .collection-add img{height:56px;width:56px;object-fit:contain;mix-blend-mode:multiply}
.catalog-studio .collection-add strong{font-size:14px;line-height:1.2;font-weight:600;display:block}
.catalog-studio .collection-add small{font-size:12px;color:#7c6a5d;line-height:1.2}
.catalog-studio .collection-add .selection-mark{position:absolute;top:6px;right:6px;background:#ff6546;color:#191919}
.catalog-studio .collection-initial,.catalog-studio .browse-symbol{font-family:Georgia,serif;font-size:32px;height:40px;line-height:40px;color:#b34a30}
.catalog-studio .browse-collection{background:#ffefe6}
@media(max-width:850px){.catalog-studio .collection-add{width:116px;height:115px;padding:8px 6px;gap:3px}.catalog-studio .collection-add img{width:37px;height:37px}.catalog-studio .collection-add strong{font-size:12px;line-height:1.2}.catalog-studio .collection-add small{font-size:11px}.catalog-studio .collection-add .browse-symbol{font-size:29px;height:37px}}
@media(hover:hover){.catalog-studio .collection-add:hover{border-color:#ff6546;background:#ffefe6}}
/* Pattern artwork is a separate, non-destructive layer on both surfaces. */
.pattern-minimal{--motif:linear-gradient(90deg,transparent 0 87%,#19191918 87% 89%,transparent 89%)}
.pattern-ombre{--motif:linear-gradient(160deg,#fff9 0%,transparent 38%,#ee725955 72%,#50376544 100%)}
.pattern-organic{--motif:radial-gradient(ellipse at 105% 10%,#fff7 0 28%,transparent 29%),radial-gradient(ellipse at -10% 110%,#415a3d35 0 32%,transparent 33%),radial-gradient(ellipse at 95% 100%,#ffffff60 0 28%,transparent 29%)}
.pattern-luxury{--motif:repeating-linear-gradient(135deg,transparent 0 15px,#b9954866 15px 16px,transparent 16px 30px)}
.catalog-studio .artwork-viewport .live-label,.catalog-studio .artwork-viewport .render-box{isolation:isolate}
.catalog-studio .artwork-viewport .live-label:after,.catalog-studio .artwork-viewport .render-box:after{content:'';display:block;position:absolute;inset:0;background-image:var(--motif,none);border-radius:inherit;pointer-events:none;z-index:-1;width:auto;height:auto;transform:none;box-shadow:none}
.catalog-studio .pattern-sample{position:relative;isolation:isolate;display:grid;place-items:center;width:42px;height:43px;border-radius:5px;background:var(--product-color);color:#26231f;overflow:hidden}
.catalog-studio .pattern-sample:before{content:'';position:absolute;inset:0;z-index:-1;background-image:var(--motif,none)}
.catalog-studio .pattern-sample b{font:22px Georgia,serif;background:#ffffff55;border-radius:3px;padding:2px}
/* Composite against the scene, rather than an isolated white photo rectangle. */
.catalog-studio .artwork-viewport .product-composition{filter:none}
.catalog-studio .artwork-viewport .bottle-visual{z-index:auto;mix-blend-mode:multiply}
.catalog-studio .artwork-viewport .render-box{box-shadow:inset -10px 0 #00000012,7px 10px 15px #62422619}
.catalog-studio .product-item-actions{display:flex;align-items:center;gap:7px;width:100%;flex:none}
.catalog-studio .product-item-actions .edit-item{flex:1;min-width:0}
.catalog-studio .remove-item{border:0;background:transparent;color:#9a4633;font-size:12px;padding:7px 4px;min-height:34px}
.catalog-studio .view-switch #removeProduct{color:#9a4633;border-right:1px solid #19191910;border-radius:0;padding-inline:10px}
#removalNotice{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:100;background:#191919;color:white;border-radius:14px;padding:10px 12px;display:flex;gap:12px;align-items:center;max-width:calc(100% - 24px);box-shadow:0 8px 35px #0002}
#removalNotice[hidden]{display:none}
#removalMessage{font-size:13px;line-height:1.3}
#removalNotice button{border:0;background:transparent;color:#ffb29d;min-height:34px;font-size:14px;padding:5px}
#removalNotice #dismissRemoval{color:#ccc;font-size:22px}
@media(max-width:850px){.catalog-studio:not(.products-mode) #removalNotice{bottom:calc(280px + env(safe-area-inset-bottom))}}
.catalog-studio .scene{isolation:auto}
.catalog-studio .catalog-stage,.catalog-studio .entry-visual .catalog-product{mix-blend-mode:multiply}
/* Rounded physical labels sit on the body while cylindrical light keeps the wrap believable. */
.catalog-studio .artwork-viewport .live-label{border-radius:12px;clip-path:inset(0 round 12px);overflow:hidden;box-shadow:none}
.catalog-studio .artwork-viewport .live-label.surface-slim{border-radius:9px;clip-path:inset(0 round 9px)}
.catalog-studio .artwork-viewport .live-label.surface-jar{border-radius:15px;clip-path:inset(0 round 15px)}
.catalog-studio .label-sample{border-radius:8px;overflow:hidden}

.catalog-studio .artwork-viewport .live-label:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;background:linear-gradient(90deg,rgba(0,0,0,.30),rgba(0,0,0,.08) 9%,rgba(255,255,255,.20) 25%,transparent 48%,rgba(0,0,0,.05) 75%,rgba(0,0,0,.30) 100%)}

/* Each package surface gets its own wrap lighting instead of one flat overlay. */
.catalog-studio .artwork-viewport .live-label{filter:drop-shadow(0 1px 1px #24150d26);transform-origin:center;backface-visibility:hidden}
.catalog-studio .artwork-viewport .live-label:before{background:linear-gradient(90deg,rgba(18,10,7,.42) 0%,rgba(18,10,7,.13) 9%,rgba(255,255,255,.24) 24%,rgba(255,255,255,.06) 43%,rgba(0,0,0,.04) 68%,rgba(18,10,7,.17) 90%,rgba(18,10,7,.40) 100%);box-shadow:inset 0 1px #ffffff73,inset 0 -1px #2b160d38}
.catalog-studio .artwork-viewport .live-label.surface-jar{filter:drop-shadow(0 2px 1px #24150d2e)}
.catalog-studio .artwork-viewport .live-label.surface-jar:before{background:linear-gradient(90deg,rgba(14,8,5,.48),rgba(14,8,5,.16) 12%,rgba(255,255,255,.22) 29%,rgba(255,255,255,.04) 50%,rgba(14,8,5,.13) 86%,rgba(14,8,5,.46));box-shadow:inset 0 2px 2px #ffffff55,inset 0 -2px 2px #2b160d30}
.catalog-studio .artwork-viewport .live-label.surface-slim:before{background:linear-gradient(90deg,rgba(10,6,4,.52),rgba(10,6,4,.16) 14%,rgba(255,255,255,.27) 31%,rgba(255,255,255,.05) 52%,rgba(10,6,4,.16) 86%,rgba(10,6,4,.5))}
.catalog-studio .artwork-viewport .live-label.surface-pump:before{background:linear-gradient(90deg,rgba(12,7,5,.38),rgba(255,255,255,.21) 24%,rgba(255,255,255,.04) 51%,rgba(12,7,5,.13) 83%,rgba(12,7,5,.37))}
.catalog-studio .artwork-viewport .live-label.surface-airless:before{background:linear-gradient(90deg,rgba(12,7,5,.34),rgba(255,255,255,.2) 22%,rgba(255,255,255,.04) 50%,rgba(12,7,5,.12) 84%,rgba(12,7,5,.34))}

/* Keep the product view clear; jar seams follow the photographed cylinder. */
.catalog-studio .brand-backdrop{display:none!important}
.catalog-studio .artwork-viewport .live-label.jar-wrap{padding-top:calc(var(--pad-y) + 3%);padding-bottom:var(--pad-y);transform:none}

@media(max-width:650px){
 .catalog-studio .entry-visual .with-box .render-box{transform:scale(.9);transform-origin:right bottom}
 .catalog-studio .entry-visual .with-box .bottle-visual{transform:scale(1.08);transform-origin:left bottom}
}