.dt{--dt-primary: #C9A96E;--dt-bg: #101115;--dt-surface: #1a1c22;--dt-text: #f3f1ea;--dt-subtext: rgba(243,241,234,.6);--dt-border: rgba(255,255,255,.08);background:var(--dt-bg);color:var(--dt-text);min-height:100vh;font-family:Lato,sans-serif;padding-bottom:60px}.dt-header{display:flex;align-items:center;gap:16px;padding:22px 24px}.dt-header__back{display:inline-flex;align-items:center;gap:4px;color:var(--dt-subtext);font-size:.85rem}.dt-header h1{font-family:Playfair Display,serif;font-size:1.2rem}.dt-toast{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-140%);background:var(--dt-surface);border:1px solid var(--dt-border);border-radius:10px;padding:12px 20px;font-size:.85rem;z-index:100;transition:transform .3s ease;max-width:90vw}.dt-toast.is-visible{transform:translate(-50%) translateY(0)}.dt-toast.is-error{border-color:#dc2626;color:#ff8b8b}.dt-toast.is-success{border-color:#059669;color:#6ee7b7}.dt-grid{display:grid;gap:32px}.dt-panel{background:var(--dt-surface);border:1px solid var(--dt-border);border-radius:16px;padding:20px;margin-bottom:20px}.dt-panel__title{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;opacity:.6;margin-bottom:16px}.dt-garment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.dt-garment-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px;border-radius:12px;border:2px solid var(--dt-border);background:transparent;color:var(--dt-text);font-size:.85rem;font-weight:600}.dt-garment-btn .emoji{font-size:1.5rem}.dt-garment-btn.is-selected{background:var(--dt-primary);color:#1a1a1a;border-color:var(--dt-primary);transform:scale(1.04)}.dt-color-row{display:flex;flex-wrap:wrap;gap:10px}.dt-color-swatch{width:36px;height:36px;border-radius:50%;border:2px solid var(--dt-border);position:relative;cursor:pointer}.dt-color-swatch.is-selected{border:3px solid var(--dt-primary);box-shadow:0 0 0 2px var(--dt-bg),0 0 0 4px var(--dt-primary);transform:scale(1.15)}.dt-selected-color-name{margin-top:10px;font-size:.78rem;opacity:.6}.dt-size-row{display:flex;flex-wrap:wrap;gap:8px}.dt-size-btn{min-width:44px;padding:8px 12px;border-radius:8px;border:2px solid var(--dt-border);background:none;color:var(--dt-text);font-size:.8rem;font-weight:700}.dt-size-btn.is-selected{background:var(--dt-primary);color:#1a1a1a;border-color:var(--dt-primary)}.dt-upload-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:18px;border:2px dashed var(--dt-border);border-radius:12px;background:none;color:var(--dt-text);font-size:.85rem}.dt-upload-btn:hover{border-color:var(--dt-primary)}.dt-logo-controls{margin-top:18px;display:flex;flex-direction:column;gap:14px}.dt-logo-controls label{display:flex;flex-direction:column;gap:6px;font-size:.78rem;opacity:.8}.dt-logo-controls input[type=range]{width:100%;accent-color:var(--dt-primary)}.dt-hint{font-size:.72rem;opacity:.5;margin:0}.dt-canvas-wrap{position:relative;width:100%;max-width:480px;margin:0 auto 24px;aspect-ratio:200/240;background:var(--dt-surface);border-radius:16px;overflow:hidden;border:1px solid var(--dt-border);cursor:grab;touch-action:none}.dt-canvas-wrap.is-dragging{cursor:grabbing}.dt-canvas-wrap svg{width:100%;height:100%;display:block}.dt-actions{display:flex;justify-content:center;margin-bottom:14px}.dt-btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.88rem;padding:13px 26px;border-radius:999px;border:none;width:100%;justify-content:center}.dt-btn--outline{background:none;border:1.5px solid var(--dt-border);color:var(--dt-text);max-width:480px;margin:0 auto}.dt-btn--primary{background:var(--dt-primary);color:#1a1a1a}.dt-cart-form{max-width:480px;margin:0 auto 14px}.dt-cart-form.is-disabled .dt-btn--primary{opacity:.5;cursor:not-allowed}.dt-whatsapp-link{display:flex;align-items:center;justify-content:center;gap:8px;max-width:480px;margin:0 auto;font-size:.82rem;color:#4ade80;padding:10px}@media(min-width:960px){.dt-grid{grid-template-columns:380px 1fr;align-items:start}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/design-tool.css.map */