#product-viewer{width:min(1240px,96vw);max-width:none;max-height:96dvh;padding:22px;border:0;border-radius:20px;background:#f8f7f4;color:#242424;overflow:auto}#product-viewer::backdrop{background:#111b;backdrop-filter:blur(8px)}.viewer-heading{display:flex;justify-content:space-between;align-items:center}.viewer-heading h2{font-size:28px;margin:6px 0 16px}.viewer-heading .eyebrow{font-size:10px;letter-spacing:2px;color:#78766e}#product-viewer button{width:auto;margin:0;padding:11px 18px;border:1px solid #d2d0c8;border-radius:8px;background:#fff;color:#222;font:700 13px Visby,sans-serif;cursor:pointer}#product-viewer button[aria-pressed=true],#product-viewer #viewer-open{background:#222;color:white}.viewer-products,.viewer-actions{display:flex;gap:10px;flex-wrap:wrap}.viewer-products{margin-bottom:14px}.viewer-stage{position:relative;height:clamp(340px,57dvh,660px);border-radius:12px;overflow:hidden;background:#e9e7e2;touch-action:none}.viewer-stage canvas{display:block;width:100%;height:100%;cursor:grab}.viewer-stage canvas:active{cursor:grabbing}.viewer-gesture{position:absolute;bottom:14px;left:12px;right:12px;text-align:center;font-size:11px;color:#67645e;pointer-events:none}#viewer-loading{position:absolute;top:45%;left:15%;right:15%;text-align:center;background:#fffD;padding:16px;border-radius:8px}.viewer-actions{margin:14px 0}#product-viewer button:disabled{opacity:.35;cursor:default}.viewer-sliders{display:flex;gap:28px}.viewer-sliders label{flex:1;display:flex;flex-direction:column;font-size:12px;gap:5px}.viewer-sliders input{width:100%;height:20px;accent-color:#222}#viewer-description{font-size:12px;color:#777;margin:10px 0 0}@media(max-width:600px){#product-viewer{padding:14px}.viewer-stage{height:420px}.viewer-heading h2{font-size:24px}.viewer-actions{gap:7px}#product-viewer button{padding:10px 12px;font-size:12px}.viewer-gesture{font-size:10px}.viewer-sliders{gap:12px}}

#product-viewer{width:98vw;height:96dvh;max-height:96dvh;box-sizing:border-box;display:none;flex-direction:column;padding:18px;background:#202526;color:#eee}#product-viewer[open]{display:flex}.viewer-stage{flex:1;min-height:280px;height:auto;background:#202526}.viewer-gesture{color:#bdc8c3;font-size:11px}.viewer-heading h2{margin:4px 0 12px}.viewer-heading .eyebrow,#viewer-description{color:#aab4b0}.viewer-products{margin-bottom:8px}.viewer-actions{margin:10px 0 0}.viewer-products button{padding:8px 14px!important}#viewer-description{margin-top:8px}.viewer-gesture{bottom:8px}@media(max-width:600px){.viewer-gesture{font-size:9px}.viewer-heading h2{font-size:20px}}


.viewer-tools{display:flex;gap:14px;align-items:end;margin:2px 0 10px;flex-wrap:wrap}.viewer-search{display:flex;flex-direction:column;gap:5px;flex:1;max-width:450px;font-size:11px;color:#b9c5c0}.viewer-search input{height:38px;width:100%;background:#101b17;color:#f3f6f4;border:1px solid #55665e;padding:8px 12px;font-size:14px}.viewer-search input:disabled{opacity:.45}#viewer-matches{font-size:12px;color:#b9c5c0;align-self:center}.viewer-tools button{height:38px}#viewer-loading{color:#222}@media(max-width:600px){.viewer-tools{gap:8px}.viewer-search{min-width:160px}#viewer-matches{font-size:10px}}


/* Full-window studio: all controls overlay the canvas. */
#product-viewer{width:calc(100vw - 12px);height:calc(100dvh - 12px);max-height:none;max-width:none;margin:auto;padding:0;border-radius:12px;overflow:hidden;gap:0}#product-viewer .viewer-heading{height:66px;min-height:66px;padding:8px 16px;gap:16px;box-sizing:border-box}#product-viewer .viewer-heading h2{font-size:25px;line-height:1;margin:5px 0 0}#product-viewer .viewer-heading .eyebrow{font-size:9px}#product-viewer .viewer-products{margin:0 0 0 auto;flex-wrap:nowrap}#product-viewer #viewer-close{width:38px;height:38px;padding:0;flex-shrink:0}.viewer-stage{flex:1;min-height:0;border:1px solid #7e8b85;border-radius:10px;margin:0 2px 2px;isolation:isolate}.viewer-stage canvas{position:absolute;inset:0;z-index:0}.viewer-overlay{position:absolute;z-index:2;top:16px;left:20px;right:20px;display:grid;grid-template-columns:230px minmax(0,1fr) 140px;gap:20px;align-items:start;pointer-events:none}.viewer-overlay button,.viewer-search input{pointer-events:auto}#product-viewer .viewer-actions{margin:0;gap:8px;flex-wrap:nowrap}.viewer-search-wrap{text-align:center;min-width:0}.viewer-search{display:block;max-width:none;margin:0}.viewer-search input{height:48px;background:transparent;border:1px solid transparent;border-radius:7px;color:#fff;text-align:center;font-size:clamp(16px,2.4vw,34px);font-weight:700;padding:4px 10px;box-shadow:none}.viewer-search input::placeholder{color:#dae4df;opacity:.8}.viewer-search input:focus{background:#142e27dd;border-color:#96b5a7;outline:none}.viewer-search input:disabled{opacity:.5;font-size:14px}#viewer-matches{display:block;min-height:16px;font-size:11px;text-shadow:0 1px 4px #000}.viewer-overlay #viewer-top{justify-self:end;background:#203c34df;color:#fff;border-color:#80998e;min-height:40px}#product-viewer #viewer-open{background:#1c2823e8}.viewer-gesture{z-index:1;bottom:10px;font-size:10px;left:26%;right:16%;text-shadow:0 1px 4px #000}#viewer-description{position:absolute;bottom:10px;left:14px;max-width:24%;font-size:9px;pointer-events:none;z-index:1;text-shadow:0 1px 4px #000}#viewer-loading{z-index:3}@media(max-width:800px){#product-viewer .viewer-heading{height:60px;min-height:60px;gap:8px;padding:6px 10px}#product-viewer .viewer-heading h2{font-size:19px}.viewer-heading .eyebrow{display:none}#product-viewer .viewer-products button{font-size:10px;padding:8px!important}.viewer-overlay{left:12px;right:12px;top:12px;grid-template-columns:1fr auto;gap:9px}.viewer-search-wrap{grid-column:1/-1;grid-row:1}.viewer-search input{font-size:21px;height:40px}.viewer-overlay .viewer-actions{grid-column:1;grid-row:2}.viewer-overlay #viewer-top{grid-column:2;grid-row:2}.viewer-gesture{left:10px;right:10px;font-size:8px;bottom:8px}#viewer-description{display:none}}@media(max-width:480px){#product-viewer .viewer-heading h2{font-size:14px}#product-viewer .viewer-products{gap:4px}#product-viewer .viewer-products button{font-size:9px;max-width:88px;line-height:1.2}#product-viewer #viewer-close{width:30px;height:32px}.viewer-search input{font-size:17px}}