.hali-configurator{--hc-blue:#1248e8;--hc-yellow:#ffc928;--hc-ink:#0b0d12;--hc-paper:#f7f9ff;--hc-line:#dfe5f2;max-width:1180px;margin:0 auto;color:var(--hc-ink)}
.hali-configurator *{box-sizing:border-box}.hali-config-head{max-width:780px;margin-bottom:30px}.hali-kicker{display:inline-block;border:2px solid var(--hc-ink);border-radius:999px;padding:7px 12px;background:var(--hc-yellow);box-shadow:3px 3px 0 var(--hc-ink);font-weight:900;font-size:.78rem}.hali-config-head h2{font-size:clamp(2.35rem,5vw,4rem);line-height:1;letter-spacing:-.05em;margin:20px 0 14px}.hali-config-head p{color:#5b6474;font-size:1.05rem}.hali-config-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:24px;align-items:start}.hali-controls{display:grid;gap:16px}.hali-control-card,.hali-result{background:#fff;border:2px solid var(--hc-ink);border-radius:22px;padding:20px;box-shadow:7px 7px 0 var(--hc-ink)}.hali-control-card{display:grid;grid-template-columns:46px 1fr;gap:6px 13px}.hali-control-card>*:not(.hali-step){grid-column:2}.hali-step{grid-column:1;grid-row:1;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--hc-yellow);font-weight:900}.hali-control-card h3{margin:0;font-size:1.15rem}.hali-control-card p{margin:4px 0 13px;color:#6d7584;font-size:.88rem}.hali-control-card label,.hali-notes{display:grid;gap:6px;font-size:.87rem;font-weight:800}.hali-control-card select,.hali-notes textarea{width:100%;border:1.5px solid var(--hc-line);border-radius:11px;background:#fff;padding:11px;color:var(--hc-ink)}.hali-dropzone{min-height:160px;border:2px dashed #9aa8c5!important;border-radius:16px;display:flex!important;align-items:center;justify-content:center;flex-direction:column;gap:5px!important;padding:20px;background:#f8faff;text-align:center}.hali-dropzone.is-dragging{border-color:var(--hc-blue)!important;background:#edf2ff}.hali-dropzone input{position:absolute;opacity:0;pointer-events:none}.hali-upload-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--hc-blue);color:#fff;font-size:1.4rem}.hali-dropzone small{font-weight:600;color:#6f7888;overflow-wrap:anywhere}.hali-check{display:flex!important;align-items:flex-start;gap:9px!important;font-weight:700!important}.hali-check input{width:18px;height:18px;margin-top:2px;accent-color:var(--hc-blue)}.hali-process,.hali-add-cart{border:0;border-radius:13px;padding:14px 16px;background:var(--hc-blue);color:#fff;font-weight:900}.hali-process:disabled,.hali-add-cart:disabled{opacity:.45}.hali-result{box-shadow:9px 9px 0 var(--hc-blue);position:sticky;top:104px}.hali-result-top{display:flex;justify-content:space-between;gap:10px;margin-bottom:13px}.hali-result-top span{color:#6b7484;font-size:.82rem}.hali-canvas-wrap{position:relative;display:grid;place-items:center;min-height:420px;overflow:hidden;border-radius:18px;background:repeating-conic-gradient(#eef1f7 0 25%,#fff 0 50%) 50%/24px 24px}.hali-canvas-wrap canvas{display:block;max-width:100%;max-height:560px;object-fit:contain;transition:clip-path .2s ease}.hali-canvas-wrap[data-shape-preview="round"] canvas{clip-path:circle(47%)}.hali-canvas-wrap[data-shape-preview="rectangle"] canvas{clip-path:inset(3% round 3%)}.hali-empty{position:absolute;inset:0;display:grid;place-content:center;gap:9px;text-align:center;padding:30px;color:#6f7888}.hali-empty[hidden]{display:none}.hali-empty span{color:var(--hc-blue);font-size:2.2rem}.hali-palette{display:flex;gap:7px;flex-wrap:wrap;padding:14px 1px 5px}.hali-palette span{width:27px;height:27px;border-radius:9px;background:var(--swatch);border:2px solid var(--hc-ink)}.hali-notes{margin-top:12px}.hali-terms{margin-top:13px;font-size:.82rem!important;color:#566071}.hali-total{display:flex;align-items:end;justify-content:space-between;border-top:1px solid var(--hc-line);margin-top:16px;padding-top:16px}.hali-total strong{font-size:1.65rem}.hali-add-cart{width:100%;margin-top:13px;background:var(--hc-yellow);color:var(--hc-ink);border:2px solid var(--hc-ink);box-shadow:4px 4px 0 var(--hc-ink)}.hali-message{min-height:24px;margin:12px 0 0;text-align:center;font-size:.86rem;font-weight:800;color:#24603d}.hali-message.is-error{color:#b42318}@media(max-width:860px){.hali-config-grid{grid-template-columns:1fr}.hali-result{position:static}.hali-canvas-wrap{min-height:340px}}@media(max-width:520px){.hali-control-card,.hali-result{padding:16px;border-radius:18px}.hali-control-card{grid-template-columns:40px 1fr}.hali-canvas-wrap{min-height:280px}.hali-result-top{align-items:flex-start;flex-direction:column}}