html,body{height:100%}:root{--bg: #0f0e17;--surface: #1a1927;--card: #22203a;--accent: #ff6b35;--text: #fffffe;--muted: #a7a9be;--border: rgba(255,255,255,.08);--glow: rgba(255,107,53,.35);--del: #e5445a;--cam: #ffd166;--touch: 44px;--sab: env(safe-area-inset-bottom, 0px);--sat: env(safe-area-inset-top, 0px)}.case-builder-section,.case-builder-section *{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.case-builder-section{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;height:100%;display:flex;flex-direction:column;overflow:hidden;-webkit-user-select:none;user-select:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0)}header{flex-shrink:0;background:linear-gradient(180deg,rgba(255,107,53,.07) 0%,transparent 100%);border-bottom:1px solid var(--border);padding-top:max(10px,var(--sat))}.header-top{display:flex;align-items:center;justify-content:space-between;padding:0 14px 8px;gap:8px}.logo{font-family:Syne,sans-serif;font-weight:800;font-size:1.1rem;letter-spacing:-.5px}.logo span{color:var(--accent)}.header-actions{display:flex;gap:6px;align-items:center}.clear-btn{background:transparent;border:1px solid var(--border);color:var(--muted);font-size:.9rem;min-width:var(--touch);min-height:var(--touch);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.clear-btn:active{border-color:var(--del);color:var(--del)}.order-btn{background:var(--accent);border:none;color:#fff;font-family:Syne,sans-serif;font-weight:700;font-size:.8rem;min-height:var(--touch);padding:0 14px;border-radius:22px;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px var(--glow);display:flex;align-items:center;gap:6px;white-space:nowrap}.order-btn:active{transform:scale(.96)}.order-btn:disabled{opacity:.45}.order-btn .cart-count{background:#0000004d;border-radius:10px;padding:1px 7px;font-size:.7rem}.header-selects{display:flex;gap:8px;padding:0 14px 10px;align-items:center}.cb-select{background:var(--card);border:1px solid var(--border);color:var(--text);font-family:DM Sans,sans-serif;font-size:.78rem;min-height:var(--touch);padding:0 30px 0 10px;border-radius:12px;cursor:pointer;flex:1;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23a7a9be' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.cb-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #ff6b3533}.cb-select option{background:var(--card);color:var(--text)}@media(min-width:640px){header{padding-top:10px}.header-top{padding-bottom:0}.header-selects{padding:0 14px 8px;gap:10px}.cb-select{font-size:.82rem}.clear-btn{border-radius:22px;padding:0 12px;min-width:auto;gap:5px;font-size:.74rem}.clear-btn:after{content:" Leeren";font-size:.74rem}.order-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px var(--glow)}}main{flex:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;min-height:0}.stage{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.ambient{position:absolute;width:240px;height:380px;background:radial-gradient(ellipse,rgba(255,107,53,.08) 0%,transparent 70%);pointer-events:none;border-radius:50%}.case-wrap{position:relative}.case-svg{display:block;filter:drop-shadow(0 16px 50px rgba(0,0,0,.7));max-width:100%}#dropZone{position:absolute;cursor:default;overflow:visible;-webkit-tap-highlight-color:transparent}@media(pointer:fine){#dropZone{cursor:crosshair}}#dropZone.drag-over{outline:2px dashed var(--accent);outline-offset:-2px;background:#ff6b350a}#camZone{position:absolute;pointer-events:none;z-index:5;border:2px solid rgba(255,209,102,.55);border-radius:18px;background:#ffd16612;display:flex;align-items:center;justify-content:flex-end;padding:4px 6px}#camZone:after{content:"\1f4f7";font-size:.65rem;opacity:.7}#camZone.blocked{border-color:var(--del);background:#e5445a2e}.placed-fig{position:absolute;width:var(--touch);height:var(--touch);margin-left:calc(var(--touch) / -2);margin-top:calc(var(--touch) / -2);cursor:grab;display:flex;align-items:center;justify-content:center;font-size:inherit;line-height:1;transform-origin:center center;z-index:10;touch-action:none;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.placed-fig:active{cursor:grabbing}.placed-fig img{width:36px;height:36px;object-fit:contain;border-radius:5px;display:block;pointer-events:none}.placed-fig.over-delete{filter:drop-shadow(0 0 8px var(--del));opacity:.6}.placed-fig.selected{outline:2px dashed rgba(255,107,53,.8);outline-offset:7px;border-radius:6px}.rot-ui{position:absolute;pointer-events:none;z-index:30}.rot-top{position:absolute;display:flex;gap:5px;align-items:center;transform:translate(-50%);pointer-events:auto}.rot-btn{background:var(--card);border:1px solid rgba(255,107,53,.6);color:var(--accent);font-size:.95rem;width:var(--touch);height:var(--touch);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0;touch-action:manipulation}.rot-btn:active{background:var(--accent);color:#fff;transform:scale(.92)}.rot-delete{background:var(--card);border:1px solid rgba(229,68,90,.5);color:var(--del);font-size:.9rem;width:var(--touch);height:var(--touch);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rot-delete:active{background:var(--del);color:#fff;transform:scale(.92)}.rot-deg{font-size:.62rem;color:#fff;white-space:nowrap;min-width:34px;text-align:center;background:#0009;padding:3px 6px;border-radius:8px}.rot-handle-col{position:absolute;display:flex;flex-direction:column;align-items:center;transform:translate(-50%);pointer-events:auto}.rot-stem{width:2px;height:14px;background:#ff6b3580;pointer-events:none}.rot-dot{width:56px;height:56px;background:var(--accent);border:3px solid #fff;border-radius:50%;cursor:grab;box-shadow:0 4px 16px #00000080;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#fff;touch-action:none;will-change:transform;transform:translateZ(0);user-select:none;-webkit-user-select:none}.rot-dot:after{content:"\21bb";font-size:1.1rem}.rot-dot:active{transform:scale(.88) translateZ(0)}@media(min-width:640px)and (pointer:fine){.rot-btn{width:28px;height:28px;font-size:.8rem}.rot-btn:hover{background:var(--accent);color:#fff}.rot-delete,.rot-dot{width:28px;height:28px;font-size:.8rem}.rot-dot:hover{transform:scale(1.1) translateZ(0)}}.full-banner{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--del);color:#fff;padding:10px 24px;border-radius:20px;font-size:.8rem;font-weight:600;z-index:200;white-space:nowrap;box-shadow:0 4px 14px #0006;animation:fadeInBanner .3s ease}@keyframes fadeInBanner{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.tray{position:relative;flex-shrink:0;background:var(--surface);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:6px;padding:8px 14px max(12px,env(safe-area-inset-bottom,0px));max-height:40vh;overflow-y:auto}.tray-top{display:flex;align-items:center;gap:6px}.tray-title{font-family:Syne,sans-serif;font-size:.66rem;text-transform:uppercase;letter-spacing:2px;color:var(--muted);flex-shrink:0}.cat-row{flex:1}.figures-row{display:flex;flex-wrap:wrap;gap:8px;overflow-y:visible;align-content:flex-start;padding:4px 2px;margin-bottom:50px}.fig-item{background:var(--card);border:1.5px solid var(--border);border-radius:12px;width:58px;height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:grab;flex-shrink:0;position:relative;overflow:hidden;gap:2px;transition:border-color .15s}.fig-item:active{border-color:var(--accent);transform:scale(.94)}.fig-item img{width:34px;height:34px;object-fit:contain;border-radius:4px}.fig-item .sticker-price{font-size:.5rem;color:var(--muted);line-height:1}@media(pointer:fine){.fig-item:hover{border-color:var(--accent);transform:translateY(-3px) scale(1.06);box-shadow:0 8px 20px var(--glow)}}.delete-zone{display:flex;align-items:center;justify-content:center;gap:6px;border:1.5px dashed rgba(229,68,90,.25);border-radius:10px;padding:6px;color:#e5445a4d;font-size:.68rem;transition:all .22s}.delete-zone.active{border-color:var(--del);background:#e5445a1a;color:var(--del);box-shadow:0 0 14px #e5445a2e}@media(pointer:coarse){.delete-zone .drag-hint{display:none}.delete-zone .tap-hint{display:inline}}@media(pointer:fine){.delete-zone .drag-hint{display:inline}.delete-zone .tap-hint{display:none}}.demo-banner{background:#ff6b351a;border:1px solid rgba(255,107,53,.25);border-radius:8px;padding:5px 10px;font-size:.65rem;color:var(--accent);text-align:center;display:none}.demo-banner.visible{display:block}.cart-panel{position:fixed;background:var(--surface);z-index:50;display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1);left:0;right:0;bottom:0;max-height:72dvh;max-height:72vh;border-radius:20px 20px 0 0;border-top:1px solid var(--border);transform:translateY(100%);padding-bottom:var(--sab)}.cart-panel.open{transform:translateY(0)}@media(min-width:640px){.cart-panel{left:auto;top:0;bottom:0;width:300px;max-height:none;border-radius:0;border-top:none;border-left:1px solid var(--border);transform:translate(100%);padding-bottom:0}.cart-panel.open{transform:translate(0)}}.cart-handle{width:36px;height:4px;background:var(--border);border-radius:2px;margin:10px auto 0;display:block}@media(min-width:640px){.cart-handle{display:none}}.cart-header{padding:12px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.cart-title{font-family:Syne,sans-serif;font-weight:700;font-size:.95rem}.cart-close{background:transparent;border:none;color:var(--muted);font-size:1.1rem;cursor:pointer;min-width:var(--touch);min-height:var(--touch);display:flex;align-items:center;justify-content:center}.cart-items{flex:1;overflow-y:auto;padding:10px 14px}.cart-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border)}.cart-item-img{width:36px;height:36px;object-fit:contain;border-radius:6px;background:var(--card);flex-shrink:0}.cart-item-info{flex:1}.cart-item-name{font-size:.78rem;font-weight:500}.cart-item-price{font-size:.7rem;color:var(--muted)}.cart-footer{padding:8px 14px;border-top:1px solid var(--border)}.cart-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.cart-total-label{font-size:.8rem;color:var(--muted)}.cart-total-price{font-family:Syne,sans-serif;font-weight:700;font-size:1.1rem;color:var(--accent)}.checkout-btn{width:100%;background:var(--accent);margin:2px;border:none;color:#fff;font-family:Syne,sans-serif;font-weight:700;font-size:.85rem;min-height:48px;border-radius:14px;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px var(--glow)}.checkout-btn:active{transform:scale(.97)}.checkout-btn:disabled{opacity:.45}@media(pointer:fine){.checkout-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px var(--glow)}}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;z-index:200;transition:opacity .4s}.loading-overlay.hidden{opacity:0;pointer-events:none}.spinner{width:38px;height:38px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-family:Syne,sans-serif;font-size:.9rem;color:var(--muted)}.loading-sub{font-size:.7rem;color:#a7a9be80}.error-box{background:var(--card);border:1px solid var(--del);border-radius:16px;padding:20px 22px;max-width:min(380px,90vw);text-align:center;display:flex;flex-direction:column;gap:10px}.error-box h3{font-family:Syne,sans-serif;color:var(--del);font-size:.95rem}.error-box p{font-size:.76rem;color:var(--muted);line-height:1.55}.error-box code{background:var(--bg);padding:2px 6px;border-radius:4px;font-size:.68rem;color:var(--accent)}.cart-preview{padding:8px 14px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:4px;max-height:30vh;overflow:hidden;flex-shrink:0}.cart-preview-header{font-size:.65rem;color:var(--muted);text-transform:uppercase;letter-spacing:1px;align-self:flex-start}#designPreviewImg{width:auto;max-width:100%;max-height:calc(30vh - 40px);object-fit:contain;border-radius:10px;background:#1a1927;border:1px solid var(--border)}.cart-preview-status{font-size:.6rem;color:var(--muted);text-align:center;margin-top:2px}@media(min-width:640px){.cart-preview{max-height:250px;padding:10px 16px}#designPreviewImg{max-height:180px}}.variant-strip{position:absolute;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--border);z-index:10;display:flex;flex-direction:column;gap:6px;padding:8px 14px}.variant-strip-header{display:flex;justify-content:space-between;align-items:center}.variant-strip-title{font-family:Syne,sans-serif;font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.variant-strip-close{background:none;border:none;color:var(--muted);font-size:1rem;cursor:pointer;line-height:1}.variant-strip-options{display:flex;gap:8px;overflow-x:auto;align-items:center;padding-bottom:4px}.variant-option{width:44px;height:44px;object-fit:contain;border:1.5px solid var(--border);border-radius:8px;cursor:pointer;flex-shrink:0;background:var(--card);align-self:center;margin-top:0}.variant-strip-options .variant-option+.variant-option{margin-top:0}.variant-option.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--glow)}
/*# sourceMappingURL=/cdn/shop/t/1/assets/case-builder.css.map */