carina-explorer{position:relative}.explorer-canvas{border-radius:18px;background:radial-gradient(ellipse at 50% 50%,#fff 0%,#f6f6f6 65%,#efefef 100%);overflow:hidden;aspect-ratio:10/6}.product-stage .explorer-canvas>#package-image{top:23%;transition:transform .65s cubic-bezier(.2,.7,.2,1);transform:scale(1.03)}carina-explorer[data-mode=rest] #package-image{transform:scale(1)}.explorer-actions{display:flex;justify-content:flex-end;gap:12px;padding:0 24px 24px;background:#efefef;border-radius:0 0 18px 18px;margin-top:-18px;position:relative}.explorer-actions button{border:1px solid #ffffff;border-radius:40px;background:linear-gradient(135deg,#ffffffef,#ffffff88);box-shadow:0 6px 22px #0000000a,inset 0 1px 0 #fff;backdrop-filter:blur(20px);min-height:48px;padding:13px 23px;font-size:13px}.explorer-actions [data-explore]{font-size:15px;padding:16px 27px;min-height:54px}.explorer-actions [data-exit]{background:transparent;border-color:#aaa;box-shadow:none}.explorer-hotspots,.feature-leaders,.explorer-dimensions,.dimension-lines{opacity:0;visibility:hidden;transition:opacity .45s,visibility .45s}.explorer-hotspots button{width:20%;min-height:44px;opacity:0;transform:translateY(6px);transition:opacity .45s,transform .45s;pointer-events:none}.explorer-hotspots button strong{font-size:clamp(12px,1.1vw,15px)}.explorer-hotspots button span{display:none}.feature-leaders path{stroke:#999;stroke-width:.8;stroke-dasharray:500;stroke-dashoffset:500;transition:stroke-dashoffset .6s ease}.explorer-dimensions>span{background:#f6f6f6dd}.explorer-tools>span{letter-spacing:.08em;text-transform:uppercase;font-size:10px}.explorer-tools button{background:transparent;border:0;font-size:11px}
carina-explorer[data-mode=explore] .explorer-hotspots,carina-explorer[data-mode=explore] .feature-leaders,carina-explorer[data-mode=dimensions] .explorer-dimensions,carina-explorer[data-mode=dimensions] .dimension-lines{opacity:1;visibility:visible}carina-explorer[data-mode=explore] .explorer-hotspots button{opacity:1;transform:none;pointer-events:auto}carina-explorer[data-mode=explore] .feature-leaders path{stroke-dashoffset:0}carina-explorer[data-mode=explore] [data-feature=joint]{transition-delay:.08s}carina-explorer[data-mode=explore] [data-feature=steel]{transition-delay:.16s}carina-explorer[data-mode=explore] [data-feature=water]{transition-delay:.24s}.explorer-viewport img.is-focusing{transition:transform .65s cubic-bezier(.2,.7,.2,1)}.explorer-dialog{background:#f7f7f7}.explorer-focus-copy{text-align:center;font-size:13px;color:#646464;line-height:1.6;margin:0 auto 15px;max-width:600px}.explorer-dialog[open]{animation:explorer-arrive .25s ease}@keyframes explorer-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:760px){.explorer-canvas{aspect-ratio:10/12}.product-stage .explorer-canvas>#package-image{top:32%}.explorer-hotspots button{width:44%;text-align:left}.explorer-hotspots button strong{font-size:11px}.explorer-actions{padding:5px 12px 18px;gap:8px}.explorer-actions button{font-size:11px;padding:12px 14px}.explorer-actions [data-explore]{font-size:13px;padding:14px 22px}.explorer-focus-copy{font-size:12px}.explorer-tools>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){carina-explorer *,carina-explorer *::before{transition:none!important;animation:none!important}}
@media(max-width:760px){.explorer-viewport{flex:1;max-height:58dvh}.explorer-dialog-header{text-align:left}.explorer-hotspots [data-feature=water]{background:#ffffffa8;border-radius:5px}.explorer-actions{margin-bottom:12px}}