.kit-preview{aspect-ratio:1;color:#0f172a;isolation:isolate;background:#e6eced;width:100%;height:100%;min-height:240px;position:relative;overflow:hidden}.kit-preview__poster,.kit-preview__canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.kit-preview__canvas{visibility:hidden}.kit-preview--active .kit-preview__canvas{visibility:visible}.kit-preview--active .kit-preview__poster{visibility:hidden}.kit-3d-button{white-space:nowrap;color:#0f172a;background:#fff;border:1px solid #ffffffa6;border-radius:.75rem;justify-content:center;align-items:center;gap:.625rem;padding:.85rem 1.1rem;font-size:.875rem;font-weight:600;transition:background-color .2s;display:inline-flex;box-shadow:0 4px 20px #00000012}.kit-3d-button:hover,.kit-3d-button:focus-visible,[data-customize-in-3d]:hover .kit-3d-button,[data-customize-in-3d]:focus-visible .kit-3d-button{background:#ffffffe6}.kit-3d-button svg{flex:none;width:20px;height:20px}.design-tool-card{color:#fff;border:0;border-radius:13px;flex-direction:column;min-width:0;text-decoration:none;transition:box-shadow .2s;display:flex;overflow:hidden}.design-tool-card__preview{aspect-ratio:6/5;background:#e6eced;display:block;position:relative;overflow:hidden}.design-tool-card__preview img{object-fit:cover;width:100%;height:100%;transition:transform .25s;display:block;position:absolute;inset:0}.design-tool-card__footer{background:#516a17;flex:1;justify-content:space-between;align-items:center;gap:.5rem;padding:13px 15px;display:flex}.design-tool-card__action{font-size:1rem;font-weight:700;line-height:1.25;display:block}.design-tool-card__description{color:#fff;margin-top:2px;font-size:.8125rem;line-height:1.3;display:block}.design-tool-card__footer svg{flex:none;width:21px;height:21px}@media (hover:hover){a.design-tool-card:hover{box-shadow:0 4px 14px #0f172a14}a.design-tool-card:hover .design-tool-card__preview img{transform:scale(1.04)}}.design-tool-card:focus-visible{outline-offset:3px;outline:3px solid #2563eb}.design-tool-card--blueprint .design-tool-card__footer{background:#173963}.design-tool-card--blueprint .design-tool-card__preview{background-color:#204b80;background-image:linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff12 1px,#0000 1px),linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:60px 60px,60px 60px,12px 12px,12px 12px;place-items:center;display:grid}.design-tool-card--blueprint .design-tool-card__preview img{object-fit:contain;background:#fff;width:82%;height:80%;margin:auto;box-shadow:0 5px 12px #061b3966,0 1px 3px #061b3933}.design-tool-card--blueprint .design-tool-card__description{color:#dce8f8}@media (width<=374px){.design-tool-card__footer{padding:12px 10px}.design-tool-card__action{font-size:.9375rem}.design-tool-card__description{font-size:.75rem}}@media (prefers-reduced-motion:reduce){.design-tool-card,.design-tool-card__preview img{transition:none}a.design-tool-card:hover .design-tool-card__preview img{transform:none}}.kit-preview__load{z-index:2;color:#0f172a;cursor:grab;background:#fff;border:1px solid #0000000a;border-radius:50%;place-items:center;width:44px;height:44px;padding:9px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #00000016}.kit-preview__load svg{width:26px;height:26px}.kit-preview--active .kit-preview__load{pointer-events:none}.kit-preview__center{pointer-events:none;width:1px;height:1px;position:absolute;top:50%;left:50%}.kit-preview__caption{z-index:2;font:inherit;color:#fff;pointer-events:none;background:#00000080;border-radius:.375rem;margin:0;padding:.3rem .5rem;font-size:.75rem;position:absolute;bottom:3.6rem;left:.85rem}.product-gallery__thumb-orbit{color:#0f172a;background:#fff;border-radius:5px;justify-content:center;align-items:center;gap:3px;padding:2px 4px;font-size:10px;line-height:16px;display:flex;position:absolute;inset:auto 4px 4px}.product-gallery__thumb-orbit svg{width:14px;height:14px}.kit-preview [hidden],[data-customize-in-3d] [hidden]{display:none}.kit-preview__actions{z-index:2;pointer-events:none;justify-content:flex-end;gap:.4rem;display:flex;position:absolute;bottom:.75rem;left:.75rem;right:.75rem}.kit-preview__actions>*{pointer-events:auto;color:#0f172a;background:#fffffff0;border:1px solid #e2e8f0;border-radius:.5rem;justify-content:center;align-items:center;min-height:36px;padding:.45rem .7rem;font-size:.75rem;font-weight:600;text-decoration:none;display:inline-flex}.kit-preview__actions>[data-kit-preview-fullscreen],.kit-preview__actions>[data-floor-plan-fullscreen]{font-size:1.2rem;line-height:1}.kit-floor-plan{aspect-ratio:1;background:#204b80;width:100%;height:100%;position:relative;overflow:hidden}.kit-preview__actions>:focus-visible{outline-offset:2px;outline:3px solid #2563eb}.kit-preview__status{z-index:2;text-align:center;background:#fffffff0;border-radius:.5rem;padding:.6rem;font-size:.8rem;position:absolute;top:.75rem;left:.75rem;right:.75rem}.kit-preview--loading:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(110deg,#0000 20%,#ffffff3d 50%,#0000 80%);animation:1.5s ease-in-out infinite kit-preview-shimmer;position:absolute;inset:0}.kit-preview--loading .kit-preview__status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden}@keyframes kit-preview-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.kit-3d-button{transition:none}.kit-preview--loading:before{animation:none}}.kit-preview-dialog{background:#e6eced;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;padding:0}.kit-preview-dialog .kit-preview{aspect-ratio:auto}.kit-preview-dialog__close{z-index:2;background:#fff;border-radius:50%;width:44px;height:44px;font-size:1.8rem;position:absolute;top:1rem;right:1rem}.kit-preview button:focus-visible,.kit-preview a:focus-visible{outline-offset:2px;outline:3px solid #2563eb}
