:root{--primary: #6f56ef;--primary-dark: #5f4ae6;--primary-light: #f3f0ff;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--text: #111827;--text-muted: #6b7280;--border: #e5e7eb;--bg: #ffffff;--shadow: 0 2px 8px rgba(0, 0, 0, .08)}*{box-sizing:border-box}.cbx{width:100%;padding:16px;background:var(--bg)}.cbx-step{margin-bottom:24px;padding:20px;background:linear-gradient(135deg,#fafbff,#fff);border:2px solid var(--border);border-radius:16px}.step-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.step-number{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-weight:800;font-size:1.2rem;border-radius:10px;flex-shrink:0}.step-info{flex:1;min-width:0}.step-title{margin:0 0 4px;font-size:1.1rem;font-weight:800;color:var(--text);line-height:1.2}.step-title .optional{font-size:.75rem;font-weight:600;color:var(--text-muted)}.step-desc{margin:0;font-size:.85rem;color:var(--text-muted);line-height:1.4}.type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.type-card{position:relative;display:block;background:#fff;border:3px solid var(--border);border-radius:14px;cursor:pointer;transition:all .2s;overflow:visible}.type-card:active{transform:scale(.98)}.type-card input[type=radio]{position:absolute;opacity:0;pointer-events:none}.type-card:has(input:checked){background:var(--primary-light);border-color:var(--primary);box-shadow:0 4px 12px #6f56ef33}.type-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:20px 14px}.type-icon{font-size:2.2rem;line-height:1}.type-info{display:flex;flex-direction:column;gap:4px}.type-name{font-size:1.1rem;font-weight:800;color:var(--text);line-height:1}.type-desc{font-size:.8rem;color:var(--text-muted);font-weight:600;line-height:1.2}.type-promo{border-color:#ec4899}.promo-badge{position:absolute;top:-10px;right:12px;background:linear-gradient(135deg,#ec4899,#db2777);color:#fff;font-size:.7rem;font-weight:800;padding:4px 10px;border-radius:999px;box-shadow:0 2px 6px #ec489966;z-index:1}.type-promo:has(input:checked){border-color:#ec4899}.size-grid{display:flex;flex-direction:column;gap:12px}.size-card{position:relative;display:block;background:#fff;border:3px solid var(--border);border-radius:14px;cursor:pointer;transition:all .2s;overflow:visible}.size-card:active{transform:scale(.98)}.size-card input[type=radio]{position:absolute;opacity:0;pointer-events:none}.size-card:has(input:checked){background:var(--primary-light);border-color:var(--primary);box-shadow:0 4px 12px #6f56ef33}.size-content{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:16px}.size-info{display:flex;flex-direction:column;gap:2px}.size-name{font-size:1.05rem;font-weight:800;color:var(--text);line-height:1}.size-dim{font-size:.85rem;color:var(--text-muted);font-weight:600;line-height:1}.size-price{font-size:1.6rem;font-weight:900;color:var(--primary);white-space:nowrap;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.price-solo,.price-duo{display:none}.price-solo.active{display:block}.price-duo.active{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.duo-price-current{font-size:1.6rem;font-weight:900;color:var(--primary)}.duo-price-savings{display:flex;align-items:center;gap:6px}.price-was{font-size:.85rem;font-weight:600;color:#9ca3af;text-decoration:line-through}.savings-badge{font-size:.75rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#10b981,#059669);padding:2px 8px;border-radius:999px}.size-popular{border-color:var(--warning)}.popular-badge{position:absolute;top:-10px;right:12px;background:var(--warning);color:#fff;font-size:.7rem;font-weight:800;padding:4px 10px;border-radius:999px;box-shadow:0 2px 6px #f59e0b66;z-index:1}.size-popular:has(input:checked){border-color:var(--warning)}.upload-zone{position:relative;min-height:100px;border:2px dashed var(--border);border-radius:12px;background:#fafafa;transition:all .2s}.upload-zone:active{transform:scale(.99)}.upload-zone.dragover{border-color:var(--primary);background:var(--primary-light)}.file-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;z-index:5}.upload-empty{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;padding:16px 20px;text-align:left;pointer-events:none}.upload-icon{font-size:2rem;flex-shrink:0}.upload-empty-text{display:flex;flex-direction:column;gap:2px}.upload-empty h4{margin:0;font-size:.95rem;font-weight:700;color:var(--text)}.upload-empty p{margin:0;color:var(--text-muted);font-size:.85rem}.link-btn{color:var(--primary);text-decoration:underline;background:none;border:none;cursor:pointer;font:inherit;font-weight:600;padding:0;pointer-events:auto}.upload-hint{font-size:.75rem;color:var(--text-muted)}.upload-preview{display:flex;align-items:center;gap:12px;padding:12px;position:relative;z-index:10}.preview-img{width:60px;height:60px;object-fit:cover;border-radius:8px;border:2px solid white;box-shadow:var(--shadow);flex-shrink:0}.preview-info{flex:1;min-width:0}.preview-name{font-weight:700;font-size:.95rem;color:var(--text);margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-status{font-size:.85rem;color:var(--text-muted)}.btn-clear{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--border);border-radius:8px;cursor:pointer;color:var(--text-muted);transition:all .2s;flex-shrink:0;font-size:1rem}.btn-clear:active{background:#fef2f2;border-color:var(--error);color:var(--error);transform:scale(.95)}.url-option{margin-top:14px;padding-top:14px;border-top:1px dashed var(--border)}.url-option summary{cursor:pointer;color:var(--text-muted);font-size:.85rem;font-weight:600;padding:8px 0;list-style:none}.url-option summary::-webkit-details-marker{display:none}.input-field{width:100%;padding:12px;border:2px solid var(--border);border-radius:10px;font-size:.95rem;margin-top:10px}.input-field:focus{outline:none;border-color:var(--primary)}.notes-field{width:100%;padding:12px;border:2px solid var(--border);border-radius:12px;font-family:inherit;font-size:.95rem;resize:vertical;min-height:80px}.notes-field:focus{outline:none;border-color:var(--primary)}.status-message{min-height:20px;margin:16px 0;padding:12px 14px;border-radius:10px;font-size:.9rem;font-weight:600;text-align:center}.status-message:empty{display:none}.status-message.info{background:var(--primary-light);color:var(--primary-dark)}.status-message.success{background:#d1fae5;color:#065f46}.status-message.error{background:#fee2e2;color:#991b1b}.btn-add-cart{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:18px 24px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border:none;border-radius:14px;font-size:1.05rem;font-weight:800;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px #6f56ef4d;-webkit-tap-highlight-color:transparent}.btn-add-cart:active:not(:disabled){transform:scale(.97)}.btn-add-cart:disabled{background:var(--border);color:var(--text-muted);cursor:not-allowed;box-shadow:none;opacity:.6}.btn-add-cart.loading .btn-content{opacity:0}.btn-add-cart.loading:after{content:"";position:absolute;width:22px;height:22px;border:3px solid white;border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-icon{font-size:1.4rem}.btn-content{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.btn-label{font-size:.9rem;font-weight:700;line-height:1}.btn-price{font-size:1.3rem;font-weight:900;line-height:1}#dynamic-price{transition:transform .2s}.apercu-section{margin-top:24px;padding:20px;background:linear-gradient(135deg,#fafbff,#f3f0ff);border-radius:16px;border:2px solid var(--primary-light)}.apercu-header{text-align:center;margin-bottom:20px}.apercu-header h3{margin:0 0 12px;font-size:1.3rem;font-weight:800;color:var(--text)}.ai-disclaimer{margin:0;padding:12px 16px;background:#fff3cd;border-left:4px solid #ffc107;border-radius:10px;font-size:.85rem;line-height:1.5;color:#856404;text-align:left}.apercu-canvas{position:relative;background:#fff;border-radius:12px;overflow:hidden;min-height:200px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow)}.apercu-img{max-width:100%;height:auto;display:block;cursor:zoom-in;border-radius:8px}.skeleton-loader{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.apercu-actions{display:flex;gap:8px;margin-top:12px}.apercu-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 14px;background:#fff;border:2px solid var(--border);border-radius:10px;font-size:.85rem;font-weight:700;cursor:pointer;color:var(--text);-webkit-tap-highlight-color:transparent}.apercu-btn:active{transform:scale(.97)}.lightbox{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:999999!important;display:none;align-items:center;justify-content:center;margin:0!important;padding:0!important}.lightbox:not([hidden]){display:flex!important}.lightbox-backdrop{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:#000000e6;cursor:zoom-out;z-index:999999!important}.lightbox-content{position:fixed!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;max-width:90vw;max-height:90vh;z-index:1000000!important;margin:0!important}.lightbox-img{max-width:100%;max-height:85vh;border-radius:10px;touch-action:pinch-zoom;user-select:none;-webkit-user-select:none}.lightbox-zoom-container{position:relative;cursor:zoom-in;overflow:hidden}.lightbox-zoom-container.zooming{cursor:none}.zoom-lens{display:none;position:absolute;width:150px;height:150px;border:3px solid white;border-radius:8px;box-shadow:0 4px 20px #0006;pointer-events:none;z-index:10;overflow:hidden;background-repeat:no-repeat}.lightbox-zoom-container.zooming .zoom-lens{display:block}.zoom-hint{position:absolute;bottom:12px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:600;pointer-events:none;opacity:1;transition:opacity .3s}.lightbox-zoom-container.zooming .zoom-hint{opacity:0}.lightbox-close{position:absolute;top:-12px;right:-12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border:none;border-radius:50%;font-size:1.3rem;cursor:pointer;box-shadow:0 4px 12px #0000004d;z-index:20}@media (max-width: 639px){.lightbox-content{max-width:95vw!important;max-height:95vh!important}.lightbox-img{max-width:95vw;max-height:80vh;object-fit:contain}.zoom-lens,.zoom-hint{display:none!important}.lightbox-zoom-container{cursor:default;touch-action:manipulation}}@media (min-width: 640px){.cbx{max-width:680px;margin:0 auto;padding:24px;border-radius:20px;box-shadow:var(--shadow)}.cbx-step{padding:24px}.step-number{width:40px;height:40px;font-size:1.3rem}.step-title{font-size:1.25rem}.step-desc{font-size:.9rem}.type-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #6f56ef26}.type-promo:hover{border-color:#ec4899}.size-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.size-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #6f56ef26}.size-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:20px 14px}.size-info{align-items:center}.upload-zone{min-height:110px}.upload-empty{padding:20px 24px}.preview-img{width:70px;height:70px}.btn-add-cart{padding:20px 28px;font-size:1.1rem}.btn-add-cart:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6f56ef66}.btn-icon{font-size:1.5rem}.btn-label{font-size:.95rem}.btn-price{font-size:1.4rem}.apercu-section{padding:28px}.apercu-header h3{font-size:1.5rem}.apercu-canvas{min-height:300px}.apercu-img:hover{transform:scale(1.02);transition:transform .3s}.apercu-btn:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.lightbox-close:hover{transform:scale(1.1) rotate(90deg);transition:transform .2s}}@media (min-width: 1024px){.cbx{max-width:800px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/drawing-order-form.css.map */