.kh-preview-shell{color:#211f1a;overflow:hidden}.kh-preview-stage{position:relative}.kh-preview-help{position:absolute;top:14px;left:16px;pointer-events:none;color:#706b64;font:11px system-ui}.kh-preview-cameras{position:absolute;display:flex;gap:3px;background:#faf8f4e8;border:1px solid #e5ddd3;padding:3px;border-radius:25px}.kh-preview-shell button{cursor:pointer;border:0;background:transparent;font:12px system-ui;color:#211f1a}.kh-preview-cameras button{border-radius:20px}.kh-preview-shell button[aria-pressed=true]{background:#211f1a;color:white}.kh-preview-shell button:focus-visible{outline:2px solid #a34577;outline-offset:2px}.kh-preview-toolbar{display:flex;justify-content:flex-start;align-items:center}.kh-preview-caption{font:11px/1.4 system-ui;display:grid;gap:3px}.kh-preview-unavailable{padding:14px;display:grid;gap:10px;font:12px/1.5 system-ui}.kh-preview-unavailable button{border:1px solid #e5ddd3;border-radius:22px;padding:10px}.kh-preview-stage model-viewer.ready::part(default-progress-bar){display:none}.kh-preview-stage model-viewer{--poster-color:transparent;touch-action:pan-y}.kh-preview-shell[hidden],.kh-preview-shell [hidden]{display:none!important}.kh-preview-shell[data-packaging=true] .kh-preview-stage{display:none!important}.kh-preview-shell[data-packaging=true]{height:auto!important}

.kh-sock[data-option-two="true"] .kh-preview-shell{height:100%;width:100%;background:transparent;border:0;border-radius:0;margin:0;display:flex;flex-direction:column;}
.kh-sock[data-option-two="true"] .kh-preview-toolbar{background:transparent;padding:0 10px 8px;min-height:44px;}
.kh-sock[data-option-two="true"] .kh-preview-toolbar>strong{display:none;}
.kh-sock[data-option-two="true"] .kh-preview-format-toggle{display:flex!important;background:#eeebe5;border-radius:24px;padding:3px;}
.kh-sock[data-option-two="true"] .kh-preview-format-toggle button{padding:10px 20px;border-radius:22px;min-height:40px;}
.kh-sock[data-option-two="true"] .kh-preview-format-toggle button[aria-pressed="true"]{background:#211f1a;color:white;}
.kh-sock[data-option-two="true"] .kh-preview-stage{height:auto;flex:1;min-height:0;aspect-ratio:auto;background:transparent;}
.kh-sock[data-option-two="true"] .kh-preview-stage model-viewer{height:100%;width:100%;background:transparent;}
.kh-sock[data-option-two="true"] .kh-preview-caption{padding:6px 10px;background:transparent;font-size:10px;}
.kh-sock[data-option-two="true"] .kh-preview-caption small{font-size:9px;max-width:560px;}
.kh-sock[data-option-two="true"] .kh-preview-cameras{left:50%;transform:translateX(-50%);bottom:4px;width:max-content;max-width:95%;flex-wrap:wrap;justify-content:center;}
.kh-sock[data-option-two="true"] .kh-preview-cameras button{min-height:32px;font-size:10px;padding:6px 10px;}
.kh-sock[data-option-two="true"] .kh-preview-help{font-size:10px;top:5px;}
.kh-sock[data-option-two="true"] .kh-preview-shell[data-mode="2d"]{height:auto;min-height:44px;}
.kh-sock[data-option-two="true"] .kh-preview-shell[data-mode="2d"] .kh-preview-caption{display:none;}
.kh-sock[data-option-two="true"] .kh-proof-board[data-preview-mode="2d"]>[data-top-view]{height:calc(100% - 52px);}
.kh-sock[data-option-two="true"] .kh-review-proofs[data-preview-mode="3d"]>[data-review-sock],.kh-sock[data-option-two="true"] .kh-review-proofs[data-preview-mode="3d"]>[data-review-sole]{display:none!important;}
.kh-sock[data-option-two="true"] .kh-review-proofs>.kh-preview-shell{height:500px;}
.kh-sock[data-option-two="true"][data-review-surface="packaging"] .kh-review-proofs>.kh-preview-shell{display:none!important;}
@media(max-width:760px){.kh-sock[data-option-two="true"] .kh-preview-caption small,.kh-sock[data-option-two="true"] .kh-preview-help{display:none;}.kh-sock[data-option-two="true"] .kh-preview-toolbar{padding:0 8px 2px;min-height:38px;}.kh-sock[data-option-two="true"] .kh-preview-format-toggle button{padding:7px 14px;min-height:34px;font-size:11px;}.kh-sock[data-option-two="true"] .kh-preview-caption{padding:2px 8px;min-height:16px;font-size:9px;}.kh-sock[data-option-two="true"] .kh-preview-cameras{bottom:0;}.kh-sock[data-option-two="true"] .kh-preview-cameras button{font-size:9px;padding:4px 7px;min-height:28px;}.kh-sock[data-option-two="true"] .kh-review-proofs>.kh-preview-shell{height:320px;}}
.kh-sock[data-option-two="true"] .kh-preview-shell[data-loading="true"]{height:68px;}.kh-sock[data-option-two="true"] .kh-preview-shell[data-loading="true"] .kh-preview-stage{display:none;}.kh-sock[data-option-two="true"] .kh-proof-board:has(.kh-preview-shell[data-loading="true"])>[data-top-view]{height:calc(100% - 68px);}

.kh-sock[data-option-two="true"] .kh-proof-board[data-preview-mode="2d"]>[data-top-view]{width:430px;height:430px;min-height:430px;max-height:none;aspect-ratio:1;margin-inline:auto;padding:26px;zoom:var(--proof-fit,1);background:transparent;}
.kh-sock[data-option-two="true"] .kh-proof-board[data-preview-mode="2d"]>[data-top-view]>svg{width:360px;height:350px;max-width:none;max-height:none;}
.kh-sock[data-option-two="true"] .kh-proof-board:has(.kh-preview-shell[data-loading="true"])>[data-top-view]{height:430px;}
.kh-sock[data-option-two="true"][data-proof-mode="sock"] .kh-proof-grip,.kh-sock[data-option-two="true"][data-proof-mode="sock"] .kh-packaging-proof,.kh-sock[data-option-two="true"][data-proof-mode="grip"] [data-top-view],.kh-sock[data-option-two="true"][data-proof-mode="grip"] .kh-packaging-proof,.kh-sock[data-option-two="true"][data-proof-mode="packaging"] [data-top-view],.kh-sock[data-option-two="true"][data-proof-mode="packaging"] .kh-proof-grip{display:none!important;}
.kh-sock[data-option-two="true"] .kh-preview-shell[data-mode="2d"]{min-height:40px;}

.kh-sock[data-option-two="true"] .kh-review-proofs>.kh-preview-shell[data-mode="2d"]{height:auto;min-height:40px;}
