.kpopen-viewer-stage{margin-top:24px;background:#eef2ef;border:1px solid #d5dfd8;border-radius:12px;overflow:hidden;min-height:390px;display:grid;align-items:center}.kpopen-viewer-start{text-align:center;padding:40px 20px}.kpopen-viewer-start strong{font-size:clamp(20px,3vw,30px);display:block}.kpopen-viewer-start p{margin:16px auto 28px}.kpopen-viewer model-viewer{display:block;width:100%;height:540px;max-height:75vh;min-height:360px;touch-action:pan-y}.kpopen-viewer-tools{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.kpopen-viewer-tools[hidden]{display:none}.kpopen-viewer-tools button{font:inherit;color:#173d2b;background:#fff;border:1px solid #829c8d;border-radius:6px;padding:12px 20px;cursor:pointer;min-height:44px}.kpopen-viewer button:focus-visible{outline:3px solid #497858;outline-offset:4px}#kpopen-viewer-status{font-size:14px;min-height:24px;margin-top:12px}.kpopen-viewer{scroll-margin-top:100px}@media(max-width:600px){.kpopen-viewer-stage{min-height:340px}.kpopen-viewer model-viewer{height:420px;min-height:340px}.kpopen-viewer-tools button{flex:1}}

.kpopen-viewer-stage{background:radial-gradient(ellipse at 50% 35%,#f8fafc 0%,#dce3eb 70%,#c9d3df 100%);border-color:#bac6d4}

.kpopen-viewer-colors{display:flex;align-items:center;flex-wrap:wrap;gap:10px;width:100%;margin-bottom:4px}

.kpopen-viewer-colors>span:first-child{font-weight:600;margin-right:8px}

.kpopen-viewer-colors button{display:inline-flex;align-items:center;justify-content:center;gap:9px;color:#213344;border-color:#a5b4c3}

.kpopen-viewer-colors button[aria-pressed="true"]{border:2px solid #233c52;background:#e6edf4;padding:11px 19px;box-shadow:0 0 0 1px #233c52}

.kpopen-swatch{display:inline-block;width:20px;height:20px;border-radius:50%;border:1px solid #0003;flex:none}.kpopen-blue{background:#006bca}.kpopen-green{background:#009447}.kpopen-gray{background:#62676c}

.kpopen-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}

@media(max-width:600px){.kpopen-viewer-colors>span:first-child{flex-basis:100%}.kpopen-viewer-colors{gap:8px}.kpopen-viewer-colors button{padding:11px 9px;font-size:14px}.kpopen-viewer-colors button[aria-pressed="true"]{padding:10px 8px}}

.kpopen-viewer-stage{height:540px;max-height:75vh;position:relative;touch-action:pan-y;cursor:grab;user-select:none}.kpopen-viewer-stage:active{cursor:grabbing}.kpopen-spin-image{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.kpopen-viewer-stage:focus-visible{outline:3px solid #233c52;outline-offset:4px}@media(max-width:600px){.kpopen-viewer-stage{height:340px;min-height:260px}}

.kpopen-viewer-rights{margin-top:20px;padding:16px 18px;border-left:4px solid #284c73;background:#edf2f7;color:#20354a;font-size:14px;line-height:1.65}.kpopen-viewer-rights strong{font-weight:700}

.kpopen-viewer-stage>.kpopen-spin-image{position:absolute;inset:0;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain;object-position:center;margin:0;padding:0}

.kpopen-variant-picker{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:24px 0 12px}.kpopen-variant-picker label{font-weight:600}.kpopen-variant-picker select{font:inherit;font-size:16px;min-height:48px;padding:10px 38px 10px 14px;border:1px solid #8299ae;border-radius:6px;background:#fff;color:#20354a;max-width:100%}.kpopen-variant-picker select:focus-visible{outline:3px solid #284c73;outline-offset:3px}@media(max-width:600px){.kpopen-variant-picker{display:block}.kpopen-variant-picker label{display:block;margin-bottom:8px}.kpopen-variant-picker select{width:100%}}

.kpopen-viewer-start{position:relative;z-index:1;align-self:end;padding:14px 20px;background:#ffffffed;border-top:1px solid #bac6d4;cursor:default}.kpopen-viewer-start strong{font-size:18px}.kpopen-viewer-start p{font-size:14px;margin:6px auto 10px}.kpopen-viewer-start .button{min-height:44px;padding:12px 20px}.kpopen-viewer-stage:has(.kpopen-viewer-start)>.kpopen-spin-image{height:calc(100% - 150px);max-height:calc(100% - 150px)}

.kpopen-variant-dimensions{margin-top:20px;border:1px solid #c8d4df;border-radius:8px;padding:16px 18px;background:#f7f9fb}.kpopen-variant-dimensions summary{font-weight:700;cursor:pointer}.kpopen-variant-dimensions p{font-size:14px;line-height:1.6}.kpopen-table-scroll{overflow-x:auto}.kpopen-variant-dimensions table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}.kpopen-variant-dimensions caption{text-align:left;margin:12px 0;font-weight:600}.kpopen-variant-dimensions th,.kpopen-variant-dimensions td{padding:10px;border-bottom:1px solid #d9e1e8}.kpopen-variant-dimensions a{color:#204b9f;text-decoration:underline}.kpopen-variant-dimensions a:focus-visible{outline:2px solid #204b9f;outline-offset:3px}@media(max-width:600px){.kpopen-viewer-start{padding:10px 12px}.kpopen-viewer-start strong{font-size:16px}.kpopen-viewer-start p{display:none}.kpopen-viewer-stage:has(.kpopen-viewer-start)>.kpopen-spin-image{height:calc(100% - 105px);max-height:calc(100% - 105px)}.kpopen-variant-dimensions{padding:14px 10px}.kpopen-variant-dimensions th,.kpopen-variant-dimensions td{padding:8px 6px;font-size:12px}}

.kpopen-product-link{flex-basis:100%;margin:0 0 4px}.kpopen-product-link a{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;max-width:100%;min-height:52px;padding:13px 24px;border:1px solid #204b9f;border-radius:6px;background:#204b9f;color:#fff;font-size:17px;font-weight:700;line-height:1.5;text-align:center;text-decoration:none;transition:background-color .15s,border-color .15s}.kpopen-product-link a:hover{background:#173b80;border-color:#173b80}.kpopen-product-link a:focus-visible{outline:3px solid #284c73;outline-offset:4px}@media(max-width:600px){.kpopen-product-link a{width:100%;font-size:16px;padding:12px 16px}}