:root{--zbcc-black: #080808;--zbcc-lime: #C8FF00;--zbcc-purple: #7F77DD;--zbcc-pink: #FF4D8D;--zbcc-white: #F5F5F0}#zbcc-builder{background:var(--zbcc-black);color:var(--zbcc-white);font-family:Space Mono,monospace;min-height:100vh;padding:48px 24px 80px;box-sizing:border-box;position:relative;overflow:hidden}#zbcc-builder:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(200,255,0,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(200,255,0,.04) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}#zbcc-builder>*{position:relative;z-index:1}.zbcc-header{text-align:center;margin-bottom:48px}.zbcc-header__eyebrow{font-family:Space Mono,monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--zbcc-lime);margin-bottom:10px}.zbcc-header h2{font-family:Syne,sans-serif;font-weight:800;font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-.03em;line-height:1;color:var(--zbcc-white);margin:0 0 12px}.zbcc-header h2 span{color:var(--zbcc-lime)}.zbcc-header p{font-size:13px;color:#f5f5f080;margin:0}.zbcc-steps{display:flex;justify-content:center;align-items:center;margin-bottom:44px;flex-wrap:wrap}.zbcc-step{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#f5f5f04d;transition:color .3s}.zbcc-step.active{color:var(--zbcc-lime)}.zbcc-step.done{color:var(--zbcc-purple)}.zbcc-step__num{width:26px;height:26px;border-radius:50%;border:1.5px solid currentColor;display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;font-weight:800;font-size:12px;transition:background .3s,border-color .3s;flex-shrink:0}.zbcc-step.active .zbcc-step__num{background:var(--zbcc-lime);border-color:var(--zbcc-lime);color:var(--zbcc-black)}.zbcc-step.done .zbcc-step__num{background:var(--zbcc-purple);border-color:var(--zbcc-purple);color:var(--zbcc-white)}.zbcc-step-divider{width:32px;height:1.5px;background:#f5f5f026;margin:0 6px;flex-shrink:0}.zbcc-layout{display:grid;grid-template-columns:1fr 420px;gap:32px;max-width:1100px;margin:0 auto;align-items:start}.zbcc-preview{position:sticky;top:24px}.zbcc-preview__stage{background:#0f0f0f;border:1.5px solid rgba(200,255,0,.12);border-radius:6px;aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.zbcc-preview__phone-wrap{width:62%;max-width:220px;position:relative;z-index:1;filter:drop-shadow(0 20px 50px rgba(0,0,0,.85));display:block}.zbcc-phone-svg{width:100%;display:block;position:relative;z-index:3;pointer-events:none}.zbcc-preview__design-wrap{position:absolute;top:1.2%;left:1.8%;width:96.4%;height:97.6%;border-radius:20px;overflow:hidden;display:flex;align-items:center;justify-content:center;pointer-events:all;z-index:1;transition:border-radius .3s}.zbcc-preview__design-img{width:100%;height:100%;object-fit:cover;display:none;transform-origin:center;cursor:grab;-webkit-user-select:none;user-select:none;pointer-events:all;opacity:1}.zbcc-preview__design-img.visible{display:block}.zbcc-preview__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.zbcc-preview__placeholder-icon{font-size:36px;opacity:.25;margin-bottom:8px}.zbcc-preview__placeholder p{font-size:10px;color:#f5f5f040;margin:0;letter-spacing:.06em;line-height:1.6}.zbcc-preview__series-label{position:absolute;bottom:12px;left:50%;transform:translate(-50%);font-family:Space Mono,monospace;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#f5f5f04d;background:#080808b3;padding:4px 10px;border-radius:99px;white-space:nowrap;z-index:10}.zbcc-img-controls{display:none;flex-direction:column;gap:10px;margin-top:12px}.zbcc-img-controls.visible{display:flex}.zbcc-zoom-row{display:flex;align-items:center;gap:8px}.zbcc-zoom-icon{font-size:14px;flex-shrink:0;color:#f5f5f066}.zbcc-zoom-slider{flex:1;-webkit-appearance:none;appearance:none;height:4px;border-radius:99px;background:linear-gradient(to right,var(--zbcc-lime) 0%,var(--zbcc-lime) 50%,rgba(245,245,240,.15) 50%);outline:none;cursor:pointer}.zbcc-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--zbcc-lime);border:2px solid var(--zbcc-black);cursor:grab;box-shadow:0 2px 8px #0006}.zbcc-zoom-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--zbcc-lime);border:2px solid var(--zbcc-black);cursor:grab}.zbcc-zoom-val{font-family:Space Mono,monospace;font-size:10px;color:var(--zbcc-lime);min-width:36px;text-align:right;flex-shrink:0}.zbcc-ctrl-row{display:flex;gap:8px}.zbcc-img-ctrl-btn{flex:1;padding:9px 8px;background:transparent;border:1.5px solid rgba(245,245,240,.12);color:#f5f5f080;font-family:Space Mono,monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border-radius:2px;transition:border-color .2s,color .2s}.zbcc-img-ctrl-btn:hover{border-color:var(--zbcc-lime);color:var(--zbcc-lime)}.zbcc-reset-btn{border-color:#ff4d8d40;color:#ff4d8d99}.zbcc-reset-btn:hover{border-color:var(--zbcc-pink);color:var(--zbcc-pink)}.zbcc-drag-hint{font-size:10px;color:#f5f5f038;letter-spacing:.06em;text-align:center;margin:2px 0 0}.zbcc-price-tag{margin-top:14px;display:flex;align-items:baseline;gap:6px}.zbcc-price-tag__symbol{font-family:Space Mono,monospace;font-size:16px;color:#f5f5f080}.zbcc-price-tag__amount{font-family:Syne,sans-serif;font-weight:800;font-size:32px;color:var(--zbcc-lime)}.zbcc-price-tag__sub{font-size:10px;color:#f5f5f04d;letter-spacing:.08em;text-transform:uppercase;margin-left:4px}.zbcc-price-tag__badge{margin-left:auto;background:#c8ff001a;color:var(--zbcc-lime);border:1px solid rgba(200,255,0,.25);font-family:Syne,sans-serif;font-weight:700;font-size:9px;letter-spacing:.12em;text-transform:uppercase;padding:4px 8px;border-radius:2px}.zbcc-config{display:flex;flex-direction:column;gap:20px}.zbcc-block{border:1.5px solid rgba(245,245,240,.08);border-radius:4px;overflow:hidden;transition:border-color .3s}.zbcc-block.active{border-color:#c8ff0059}.zbcc-block.done{border-color:#7f77dd66}.zbcc-block__header{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#f5f5f005;border-bottom:1.5px solid rgba(245,245,240,.06)}.zbcc-block__num{width:22px;height:22px;border-radius:50%;background:#f5f5f012;display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;font-weight:800;font-size:11px;color:#f5f5f059;flex-shrink:0;transition:background .3s,color .3s}.zbcc-block.active .zbcc-block__num{background:var(--zbcc-lime);color:var(--zbcc-black)}.zbcc-block.done .zbcc-block__num{background:var(--zbcc-purple);color:var(--zbcc-white)}.zbcc-block__title{font-family:Syne,sans-serif;font-weight:800;font-size:14px;letter-spacing:-.01em;color:var(--zbcc-white)}.zbcc-block__status{margin-left:auto;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#f5f5f04d}.zbcc-block.done .zbcc-block__status{color:var(--zbcc-purple)}.zbcc-block__body{padding:18px}.zbcc-upload-zone{border:2px dashed rgba(245,245,240,.12);border-radius:4px;padding:28px 16px;text-align:center;cursor:pointer;transition:border-color .25s,background .25s;position:relative}.zbcc-upload-zone:hover,.zbcc-upload-zone.dragover{border-color:var(--zbcc-lime);background:#c8ff0008}.zbcc-upload-zone.has-file{border-style:solid;border-color:var(--zbcc-lime)}.zbcc-upload-zone input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer}.zbcc-upload-zone__icon{font-size:28px;margin-bottom:8px;display:block}.zbcc-upload-zone__title{font-family:Syne,sans-serif;font-weight:700;font-size:13px;color:var(--zbcc-white);margin-bottom:3px}.zbcc-upload-zone__sub{font-size:10px;color:#f5f5f04d;letter-spacing:.04em}.zbcc-upload-progress{margin-top:10px;display:none}.zbcc-upload-progress.visible{display:block}.zbcc-upload-progress__bar-track{height:3px;background:#f5f5f014;border-radius:99px;overflow:hidden;margin-bottom:5px}.zbcc-upload-progress__bar{height:100%;background:var(--zbcc-lime);border-radius:99px;width:0%;transition:width .3s}.zbcc-upload-progress__text{font-size:10px;color:#f5f5f059;letter-spacing:.08em;text-transform:uppercase}.zbcc-pills{display:flex;flex-direction:column;gap:8px}.zbcc-pill{border:1.5px solid rgba(245,245,240,.1);border-radius:4px;padding:12px 14px;cursor:pointer;display:flex;align-items:center;gap:12px;transition:border-color .2s,background .2s}.zbcc-pill:hover{border-color:#c8ff0059}.zbcc-pill.selected{border-color:var(--zbcc-lime);background:#c8ff000d}.zbcc-pill.disabled{opacity:.28;cursor:not-allowed;pointer-events:none}.zbcc-pill__icon{font-size:20px;flex-shrink:0;line-height:1}.zbcc-pill__info{flex:1}.zbcc-pill__name{font-family:Syne,sans-serif;font-weight:700;font-size:13px;color:var(--zbcc-white);display:block;margin-bottom:1px}.zbcc-pill__desc{font-size:10px;color:#f5f5f059;letter-spacing:.04em}.zbcc-pill__check{width:17px;height:17px;border-radius:50%;border:1.5px solid rgba(245,245,240,.18);display:flex;align-items:center;justify-content:center;font-size:9px;flex-shrink:0;transition:background .2s,border-color .2s}.zbcc-pill.selected .zbcc-pill__check{background:var(--zbcc-lime);border-color:var(--zbcc-lime);color:var(--zbcc-black)}.zbcc-model-select-wrap{position:relative}.zbcc-model-select-wrap:after{content:"\25be";position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--zbcc-lime);pointer-events:none;font-size:13px}.zbcc-model-select{width:100%;-webkit-appearance:none;appearance:none;background:#f5f5f008;border:1.5px solid rgba(245,245,240,.12);border-radius:4px;color:var(--zbcc-white);font-family:Space Mono,monospace;font-size:12px;padding:13px 38px 13px 14px;cursor:pointer;transition:border-color .2s;box-sizing:border-box}.zbcc-model-select:focus{outline:none;border-color:var(--zbcc-lime)}.zbcc-model-select option{background:#1a1a1a;color:var(--zbcc-white)}.zbcc-model-select optgroup{background:#111}.zbcc-series-note{margin-top:8px;font-size:10px;color:#f5f5f04d;letter-spacing:.04em;line-height:1.6;min-height:16px}.zbcc-series-note span{color:var(--zbcc-lime)}.zbcc-cta-area{margin-top:4px}.zbcc-validation{margin-bottom:12px;font-size:11px;letter-spacing:.04em;color:var(--zbcc-pink);min-height:16px;text-transform:uppercase}.zbcc-atc-btn{width:100%;padding:17px 24px;background:var(--zbcc-lime);color:var(--zbcc-black);border:none;border-radius:2px;font-family:Syne,sans-serif;font-weight:800;font-size:15px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:opacity .2s,transform .15s;display:flex;align-items:center;justify-content:center;gap:10px}.zbcc-atc-btn:hover:not(:disabled){opacity:.9}.zbcc-atc-btn:active:not(:disabled){transform:scale(.98)}.zbcc-atc-btn:disabled{opacity:.3;cursor:not-allowed}.zbcc-atc-btn.loading{pointer-events:none;opacity:.6}.zbcc-atc-btn__spinner{width:17px;height:17px;border:2px solid rgba(8,8,8,.25);border-top-color:var(--zbcc-black);border-radius:50%;animation:zbcc-spin .7s linear infinite;display:none}.zbcc-atc-btn.loading .zbcc-atc-btn__spinner{display:block}.zbcc-atc-btn.loading .zbcc-atc-btn__label{opacity:0}@keyframes zbcc-spin{to{transform:rotate(360deg)}}.zbcc-secure-note{margin-top:10px;text-align:center;font-size:10px;color:#f5f5f033;letter-spacing:.08em;text-transform:uppercase}.zbcc-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%) translateY(80px);background:var(--zbcc-lime);color:var(--zbcc-black);font-family:Syne,sans-serif;font-weight:800;font-size:14px;letter-spacing:.04em;padding:13px 26px;border-radius:2px;z-index:99999;opacity:0;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),opacity .35s;white-space:nowrap;display:flex;align-items:center;gap:8px;pointer-events:none}.zbcc-toast.visible{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:900px){.zbcc-layout{grid-template-columns:1fr}.zbcc-preview{position:static}}@media(max-width:480px){.zbcc-step-divider{width:14px}.zbcc-step span{display:none}#zbcc-builder{padding:32px 16px 60px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/zbcc-styles.css.map */