.ai-product-scene{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:inherit;height:100%;border-radius:inherit;background:linear-gradient(150deg,#e9e6df,#cfcdc6);overflow:hidden;color:#183b3c}.ai-product-viewport{position:relative;flex:1;min-height:300px;width:100%;outline-offset:-4px;cursor:grab}.ai-product-viewport:active{cursor:grabbing}.ai-product-viewport canvas{display:block;width:100%;height:100%;position:absolute;inset:0}.ai-product-controls{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;padding:12px;background:#fffaf2de}.ai-product-views,.ai-product-zooms{display:flex;gap:inherit;justify-content:center}.ai-product-controls button{border:1px solid #35656655;border-radius:99px;min-height:44px;min-width:44px;padding:6px 13px;color:#23484a;background:#fff;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer}.ai-product-controls .ai-product-zoom{width:44px;padding:0;font-size:20px;font-weight:400}.ai-product-controls button[aria-pressed=true]{background:#244f50;color:white}.ai-product-status{margin:0;padding:12px;text-align:center;font-size:13px;background:#fffaf0}.ai-product-fallback{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;padding:18px;background:#f5f6f2;flex:1;align-items:center}.ai-product-fallback figure{margin:0;min-width:0}.ai-product-fallback img{width:100%;max-height:420px;object-fit:contain;display:block}.ai-product-fallback figcaption{text-align:center;font-size:12px;margin-top:8px}.ai-product-scene [hidden]{display:none!important}@media(max-width:600px){.ai-product-viewport{min-height:280px}.ai-product-controls{padding:9px;gap:5px}.ai-product-controls button{min-height:44px;padding:5px 6px}}@media(prefers-reduced-motion:reduce){.ai-product-scene *{scroll-behavior:auto!important}}
