.kp-lab{grid-template-columns:minmax(0,1.5fr) 370px;align-items:stretch;gap:34px;margin-top:8px;display:grid}.kp-viewer{background:radial-gradient(circle at 78% 10%,#36b25929,#0000 34%),radial-gradient(circle at 18% 82%,#ffffff0d,#0000 30%),#070b0a;border:1px solid #ffffff14;flex-direction:column;justify-content:center;align-items:center;padding:26px;display:flex;position:relative}.kp-viewer-label{color:#fff;align-self:flex-start;align-items:baseline;gap:14px;margin-bottom:20px;display:flex}.kp-viewer-label strong{font-size:18px;font-weight:500}.kp-viewer-label span{color:#36b259;letter-spacing:.16em;text-transform:uppercase;font-size:12px}.kp-canvas{aspect-ratio:999/1297;width:100%;max-width:600px;position:relative}.kp-layer{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.kp-door{z-index:1}.kp-frame{z-index:2}.kp-actions{z-index:3;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.kp-action{cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:.6rem 1.05rem;font-size:.82rem;transition:border-color .2s,background .2s,transform .15s;display:inline-flex}.kp-action:hover{transform:translateY(-1px)}.kp-action.ghost{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0f;border:1px solid #ffffff2e}.kp-action.ghost:hover{background:#36b2591f;border-color:#36b259cc}.kp-action.solid{color:#04140a;background:#36b259;border:1px solid #36b259;font-weight:600}.kp-action.solid:hover{background:#41c768}@media (max-width:560px){.kp-actions{flex-wrap:wrap;justify-content:center;margin-top:16px;position:static}}.kp-panel{background:linear-gradient(#101613eb,#080c0bf5);border:1px solid #ffffff14;flex-direction:column;gap:30px;padding:30px;display:flex}.kp-group h3{letter-spacing:.16em;text-transform:uppercase;color:#36b259;margin:0 0 16px;font-size:11px}.kp-thumb-row{flex-wrap:wrap;align-content:flex-start;gap:10px;display:flex}.kp-thumb-row.variants{min-height:166px}.kp-thumb{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;width:60px;height:78px;padding:5px;transition:border-color .2s,transform .2s,background .2s}.kp-thumb img{object-fit:contain;width:100%;height:100%}.kp-thumb:hover{border-color:#36b25980;transform:translateY(-2px)}.kp-thumb.active{background:#36b25914;border-color:#36b259d9}.kp-tabs{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.kp-tab{color:#ffffff9e;cursor:pointer;letter-spacing:.04em;text-align:left;background:0 0;border:1px solid #ffffff1f;flex-direction:column;gap:2px;padding:9px 13px;font-size:12px;transition:border-color .2s,background .2s,color .2s;display:flex}.kp-tab em{letter-spacing:.1em;text-transform:uppercase;color:#fff6;font-size:10px;font-style:normal}.kp-tab.active{color:#eafff1;background:#36b2591f;border-color:#36b259cc}.kp-tab.active em{color:#36b259}.kp-card-list{gap:10px;max-height:360px;padding-right:6px;display:grid;overflow-y:auto}.kp-card-list::-webkit-scrollbar{width:6px}.kp-card-list::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:3px}.kp-card{color:#fff;text-align:left;cursor:pointer;background:#ffffff06;border:1px solid #ffffff14;grid-template-columns:56px 1fr;align-items:center;gap:14px;padding:9px;transition:border-color .2s,transform .2s,background .2s;display:grid}.kp-card:hover,.kp-card.active{background:#36b25912;border-color:#36b259cc;transform:translate(3px)}.kp-card-thumb{background-position:50%;background-size:cover;border:1px solid #ffffff1f;height:46px;box-shadow:inset 0 0 0 1px #00000040}.kp-card-info{gap:3px;min-width:0;display:grid}.kp-card-info small{color:#36b259;letter-spacing:.14em;text-transform:uppercase;font-size:10px}.kp-card-info strong{font-size:14px;font-weight:500}@media (max-width:980px){.kp-lab{grid-template-columns:1fr}}.kp-opt{flex-direction:column;align-items:center;gap:6px;width:70px;display:flex}.kp-thumb.sq{width:66px;height:66px}.kp-thumb svg{width:100%;height:100%;display:block}.kp-cap{letter-spacing:.06em;text-transform:uppercase;color:#ffffff80;text-align:center;max-width:70px;font-size:9.5px;line-height:1.3}.kp-opt.on .kp-cap{color:#36b259}.kp-thumb-row.nowrap{flex-wrap:nowrap}.kp-split{align-items:center;gap:8px;margin-top:14px;display:flex}.kp-split .kp-cap{max-width:none;margin-right:4px}.kp-canvas-3d{position:absolute;inset:0}.kp-canvas-3d canvas{cursor:grab;display:block;width:100%!important;height:100%!important}.kp-viewer--top{justify-content:flex-start}.kp-views{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px;display:flex}.kp-views+.kp-actions{margin-top:14px}.kp-action.ghost.on{background:#36b25924;border-color:#36b259d9}.kp-panel--fill .kp-group--grow{flex-direction:column;flex:auto;min-height:0;display:flex}.kp-panel--fill .kp-group--grow .kp-card-list{flex:1 1 0;min-height:260px;max-height:none}.kp-note{color:#ffffff8c;margin:12px 0 0;font-size:12px;line-height:1.5}