[data-builder-v3] .lh-viewer{display:none;width:100%;min-width:0;max-width:100%;--lh-front:#000;--lh-back:#000;--lh-fit:.7}
[data-builder-v3] .lh-viewer[hidden]{display:none!important}
[data-builder-v3] .lh-viewer-ready>.lh-viewer{position:relative;z-index:1}
[data-builder-v3] [data-preview-stage].lh-viewer-ready{display:flex;align-items:center;min-height:260px}
[data-builder-v3] .lh-viewer-ready>.console-preview,[data-builder-v3] .lh-viewer-ready>.button-photo-overlay{display:none}
[data-builder-v3] .lh-viewer-ready>.lh-viewer{display:block}
[data-builder-v3] .lh-viewer-orbit{height:320px;min-width:0;max-width:100%;position:relative;display:flex;align-items:center;justify-content:center;perspective:1500px;cursor:grab;touch-action:pan-y;user-select:none}
[data-builder-v3] .lh-viewer-scale{position:absolute;left:50%;top:50%;width:600px;height:258px;transform:translate(-50%,-50%) scale(var(--lh-fit));transform-style:preserve-3d;pointer-events:none}
[data-builder-v3] .lh-viewer-device{width:600px;height:258px;position:relative;transform-style:preserve-3d}
[data-builder-v3] .lh-viewer-face{position:absolute;inset:0;width:600px;height:258px;backface-visibility:hidden;-webkit-backface-visibility:hidden}
[data-builder-v3] .lh-viewer-face svg{width:100%;height:100%;display:block;overflow:visible}
[data-builder-v3] .lh-viewer-front{transform:translateZ(11px)}
[data-builder-v3] .lh-viewer-back{transform:rotateY(180deg) translateZ(11px)}
[data-builder-v3] .lh-viewer-edges{position:absolute;inset:0;transform-style:preserve-3d}
[data-builder-v3] .lh-viewer-edge{position:absolute;backface-visibility:hidden;background:linear-gradient(180deg,var(--lh-front),#657482 42%,#b9c1c8 49%,var(--lh-back) 55%);border-top:1px solid #ffffff24}
[data-builder-v3] .lh-viewer-note{text-align:center;font-size:10px;line-height:1.5;color:#a6b7c4;margin:10px 0;padding-bottom:12px;border-bottom:1px solid #33414b}
@media(max-width:600px){[data-builder-v3] .lh-viewer-orbit{height:190px}}

[data-builder-v3] .preview-column:has(.lh-viewer-ready)>.preview-fidelity-note{display:none}

.builder-section [data-builder-v3] .preview-column:has(.lh-viewer-ready){position:relative;align-self:start;will-change:transform}
@media(max-width:1099px){
.builder-section [data-builder-v3] .preview-column:has(.lh-viewer-ready){position:sticky;top:0;z-index:4;isolation:isolate;background:#101b23;box-shadow:0 14px 20px #101b23;will-change:auto}
}

@media(max-width:1099px){
.builder-section [data-builder-v3] .preview-column:has(.lh-viewer-ready)::before{
content:"";position:absolute;inset:-1px max(-20px,calc((100% - 100vw)/2)) 0;z-index:-1;background:#101b23;pointer-events:none
}
}

[data-builder-v3] .lh-viewer-orbit:focus-visible{outline:2px solid #078efc;outline-offset:3px}
[data-builder-v3] .lh-viewer-orbit:active{cursor:grabbing}
[data-builder-v3] .lh-viewer-hint{position:absolute;left:50%;bottom:7px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;color:#c2d6e2;font-size:11px;line-height:1.2;letter-spacing:.01em;white-space:nowrap;pointer-events:none;text-shadow:0 1px 4px #0009}
[data-builder-v3] .lh-viewer-hint[hidden]{display:none}
[data-builder-v3] .lh-viewer-hint svg{width:25px;height:29px;flex:none;filter:drop-shadow(0 1px 2px #0008)}

.builder-section [data-builder-v3] .lh-viewer-with-builds{--lh-orbit-height:320px;--lh-build-slot:36px;--lh-build-gap:6px}
.builder-section [data-builder-v3] .lh-viewer-with-builds .lh-viewer-orbit{height:var(--lh-orbit-height)}
.builder-section [data-builder-v3] .lh-viewer-with-builds .lh-viewer-scale{top:calc(50% - 36px)}
.builder-section [data-builder-v3] .lh-viewer-builds{position:absolute;top:calc(var(--lh-orbit-height) - 66px);left:50%;transform:translateX(-50%);display:flex;align-items:flex-start;justify-content:center;gap:10px;flex-wrap:nowrap;margin:0;padding:0;height:66px;width:max-content;max-width:100%;z-index:3}
.builder-section [data-builder-v3] .lh-viewer-builds [data-save-build]{display:inline-flex;align-items:center;justify-content:center;flex:none;width:88px;min-width:0;height:34px;min-height:34px;margin:0;padding:5px 8px;border:1px solid #425968;border-radius:6px;background:#172630;color:#dbe7ed;font:inherit;font-size:12px;white-space:nowrap;cursor:pointer}
.builder-section [data-builder-v3] .lh-viewer-builds [data-save-build]:disabled,.builder-section [data-builder-v3] .lh-viewer-builds .build-add-slot:disabled{opacity:.35;cursor:default}
.builder-section [data-builder-v3] .lh-viewer-builds .build-slots{display:flex;align-items:flex-start;gap:var(--lh-build-gap);width:calc(var(--lh-build-slot)*4 + var(--lh-build-gap)*3);min-width:0;flex:none;margin:0}
.builder-section [data-builder-v3] .lh-viewer-builds .build-tab{position:relative;display:block;flex:none;width:var(--lh-build-slot);height:66px;margin:0;padding:0}
.builder-section [data-builder-v3] .lh-viewer-builds .build-tab[hidden]{display:none!important}
.builder-section [data-builder-v3] .lh-viewer-builds .build-slot,.builder-section [data-builder-v3] .lh-viewer-builds .build-add-slot{display:inline-flex;align-items:center;justify-content:center;width:var(--lh-build-slot);min-width:0;height:34px;min-height:34px;margin:0;padding:0;font-size:13px}
.builder-section [data-builder-v3] .lh-viewer-builds .build-add-slot{border:1px solid #3d4b57;border-radius:6px;background:linear-gradient(#22303b,#16212a);color:#bfcbd4;cursor:pointer}
.builder-section [data-builder-v3] .lh-viewer-builds .build-slot-delete{position:absolute;top:35px;bottom:auto;left:0!important;right:auto!important;transform:none!important;width:var(--lh-build-slot);min-width:0;height:30px;min-height:30px;padding:0;margin:0;display:flex;align-items:center;justify-content:center;font-size:18px;visibility:hidden;pointer-events:none}
.builder-section [data-builder-v3] .lh-viewer-builds .build-slot-delete.is-exposed{visibility:visible;pointer-events:auto;opacity:1}
.builder-section [data-builder-v3] .lh-viewer-builds .build-save-hint{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.builder-section [data-builder-v3] .lh-viewer-with-builds .lh-viewer-hint{bottom:72px}
@media(max-width:600px){
.builder-section [data-builder-v3] .lh-viewer-with-builds{--lh-orbit-height:180px;--lh-build-slot:28px;--lh-build-gap:5px}
.builder-section [data-builder-v3] .lh-viewer-with-builds .lh-viewer-scale{top:calc(50% - 16px)}
.builder-section [data-builder-v3] .lh-viewer-builds{top:calc(var(--lh-orbit-height) - 40px);height:40px;gap:8px}
.builder-section [data-builder-v3] .lh-viewer-builds [data-save-build]{width:76px;height:24px;min-height:24px;padding:2px 6px;font-size:11px;border-color:#344854;background:#14222b}
.builder-section [data-builder-v3] .lh-viewer-builds .build-tab{height:44px}
.builder-section [data-builder-v3] .lh-viewer-builds .build-slot,.builder-section [data-builder-v3] .lh-viewer-builds .build-add-slot{height:24px;min-height:24px;font-size:11px}
.builder-section [data-builder-v3] .lh-viewer-builds .build-slot-delete{top:24px;width:28px;height:20px;min-height:20px;font-size:13px;background:transparent;border-color:transparent}
.builder-section [data-builder-v3] .lh-viewer-builds .build-slot-delete::before{content:"";position:absolute;inset:3px;border:1px solid #624650;border-radius:3px;background:#2b2026}
.builder-section [data-builder-v3] .lh-viewer-builds .build-slot-delete span{position:relative;z-index:1}
.builder-section [data-builder-v3] .lh-viewer-with-builds .lh-viewer-hint{bottom:48px}
}
