.product-designer,.pd-page{--pd-accent: #334155;--pd-accent-strong: #1e293b;--pd-accent-ink: #ffffff;--pd-accent-soft: #f1f5f9;--pd-surface: #ffffff;--pd-surface-2: #f8fafc;--pd-border: #e2e8f0;--pd-border-strong: #cbd5e1;--pd-ink: #0f172a;--pd-ink-2: #475569;--pd-ink-3: #94a3b8;--pd-radius: 12px;--pd-radius-sm: 8px;--pd-shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 4px 14px rgba(15, 23, 42, .06);--pd-shadow-hover: 0 2px 4px rgba(15, 23, 42, .05), 0 10px 24px rgba(15, 23, 42, .1);--pd-ok-bg: #f0fdf4;--pd-ok-line: #86efac;--pd-ok-ink: #166534;--pd-warn-bg: #fffbeb;--pd-warn-line: #fcd34d;--pd-warn-ink: #92400e;--pd-err-bg: #fef2f2;--pd-err-line: #fca5a5;--pd-err-ink: #991b1b;--pd-info-bg: #f1f5f9;--pd-info-line: #cbd5e1;--pd-info-ink: #334155;--pd-sidebar-w: 360px;--pd-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}.product-designer [hidden],.pd-page [hidden],#product-designer-root [hidden]{display:none!important}.product-designer{max-width:1060px;margin:1.5em auto;font-family:var(--pd-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);color:var(--pd-ink, #0f172a);line-height:1.5;font-size:16px}.pd-page{max-width:1060px;margin:0 auto;padding:1.5em 0;font-family:var(--pd-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);color:var(--pd-ink, #0f172a);font-size:16px}.pd-page .product-designer{max-width:none;margin:0}.pd-back{margin:0 0 1.25em}.pd-back a{display:inline-flex;align-items:center;gap:.4em;padding:.4em .85em;border-radius:999px;background:var(--pd-surface, #fff);border:1px solid var(--pd-border, #e2e8f0);color:var(--pd-ink-2, #475569);font-size:14px;font-weight:500;text-decoration:none;transition:border-color .15s,color .15s,box-shadow .15s}.pd-back a:hover{border-color:var(--pd-border-strong, #cbd5e1);color:var(--pd-ink, #0f172a);box-shadow:var(--pd-shadow, 0 1px 2px rgba(15, 23, 42, .04));text-decoration:none}.pd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.25em}.pd-grid-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:var(--pd-surface, #fff);border:1px solid var(--pd-border, #e2e8f0);border-radius:var(--pd-radius, 12px);overflow:hidden;box-shadow:var(--pd-shadow, 0 1px 2px rgba(15, 23, 42, .04));transition:transform .16s,box-shadow .16s,border-color .16s}.pd-grid-card:hover{transform:translateY(-3px);border-color:var(--pd-border-strong, #cbd5e1);box-shadow:var(--pd-shadow-hover, 0 10px 24px rgba(15, 23, 42, .1))}.pd-grid-thumb{aspect-ratio:1 / 1;background:var(--pd-surface-2, #f8fafc);display:flex;align-items:center;justify-content:center}.pd-grid-thumb img{max-width:86%;max-height:86%;object-fit:contain}.pd-grid-name{padding:.85em 1em .4em;font-weight:600;font-size:15px}.pd-grid-cta{padding:0 1em .9em;font-size:13px;font-weight:600;color:var(--pd-ink-3, #94a3b8);letter-spacing:.02em;transition:color .16s}.pd-grid-card:hover .pd-grid-cta{color:var(--pd-accent, #334155)}.pd-grid-empty{padding:2.5em;text-align:center;color:var(--pd-ink-2, #475569);background:var(--pd-surface-2, #f8fafc);border:1px dashed var(--pd-border-strong, #cbd5e1);border-radius:var(--pd-radius, 12px)}.pd-customize-link{display:inline-block;margin-top:1em;text-decoration:none}.pd-layout{display:grid;grid-template-columns:minmax(0,1fr) var(--pd-sidebar-w, 360px);gap:1.25em;align-items:start}.pd-stage{background:var(--pd-surface, #ffffff);border:1px solid var(--pd-border, #e2e8f0);border-radius:var(--pd-radius, 12px);padding:1.25em;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.pd-stage-frame{position:relative;width:100%;max-width:600px;aspect-ratio:1 / 1;overflow:hidden}.pd-stage-frame .canvas-container{width:100%!important;height:100%!important}.pd-stage-frame canvas{width:100%!important;height:100%!important;display:block;border-radius:var(--pd-radius-sm, 8px)}.pd-zoom-controls{position:absolute;right:10px;bottom:10px;z-index:5;display:flex;align-items:center;gap:2px;padding:3px;border-radius:999px;background:var(--pd-surface, #fff);border:1px solid var(--pd-border, #e2e8f0);box-shadow:var(--pd-shadow, 0 1px 2px rgba(15, 23, 42, .04))}.pd-zoom-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:transparent;color:var(--pd-ink-2, #475569);font:inherit;font-size:15px;line-height:1;cursor:pointer;transition:background .15s,color .15s}.pd-zoom-btn:hover{background:var(--pd-accent-soft, #f1f5f9);color:var(--pd-ink, #0f172a)}.pd-zoom-btn:focus-visible{outline:2px solid var(--pd-accent, #334155);outline-offset:1px}.pd-zoom-level{min-width:3.2em;text-align:center;font-size:12px;font-variant-numeric:tabular-nums;color:var(--pd-ink-3, #94a3b8)}.pd-stage-frame.pd-drop-hover{outline:2px dashed var(--pd-accent, #334155);outline-offset:-6px}.pd-panel{display:flex;flex-direction:column;gap:1em;min-width:0}.pd-card{background:var(--pd-surface, #fff);border:1px solid var(--pd-border, #e2e8f0);border-radius:var(--pd-radius, 12px);padding:1em 1.1em 1.1em;box-shadow:var(--pd-shadow, 0 1px 2px rgba(15, 23, 42, .04))}.pd-card-title{margin:0 0 .75em;padding-bottom:.6em;border-bottom:1px solid var(--pd-border, #e2e8f0);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--pd-ink-3, #94a3b8)}.pd-section-label{margin:.9em 0 .45em;font-size:13px;font-weight:600;color:var(--pd-ink-2, #475569)}.pd-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45em;padding:.55em 1em;border:1px solid var(--pd-border-strong, #cbd5e1);border-radius:var(--pd-radius-sm, 8px);background:var(--pd-surface, #fff);color:var(--pd-ink, #0f172a);font:inherit;font-size:14px;font-weight:600;line-height:1.2;cursor:pointer;transition:background .15s,border-color .15s,color .15s,box-shadow .15s}.pd-btn:hover{background:var(--pd-accent-soft, #f1f5f9);border-color:var(--pd-accent, #334155)}.pd-btn:focus-visible{outline:2px solid var(--pd-accent, #334155);outline-offset:2px}.pd-btn:disabled{opacity:.55;cursor:default}.pd-btn-primary{background:var(--pd-accent, #334155);border-color:var(--pd-accent, #334155);color:var(--pd-accent-ink, #fff)}.pd-btn-primary:hover{background:var(--pd-accent-strong, #1e293b);border-color:var(--pd-accent-strong, #1e293b)}.pd-btn-ghost{background:transparent;border-color:transparent;color:var(--pd-ink-2, #475569)}.pd-btn-ghost:hover{background:var(--pd-accent-soft, #f1f5f9);border-color:transparent;color:var(--pd-ink, #0f172a)}.pd-btn-secondary{background:var(--pd-accent-soft, #f1f5f9);border-color:var(--pd-accent-soft, #f1f5f9);color:var(--pd-accent-strong, #1e293b)}.pd-btn-secondary:hover{border-color:var(--pd-accent, #334155)}.pd-text-controls{display:flex;align-items:flex-end;flex-wrap:wrap;gap:8px;margin-top:10px;padding:10px;background:var(--pd-accent-soft, #f1f5f9);border:1px solid var(--pd-border, #e2e8f0);border-radius:var(--pd-radius-sm, 8px)}.pd-text-field{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--pd-ink-2, #475569)}.pd-text-field select,.pd-text-field input{font-size:13px;padding:5px 8px}.pd-text-field .pd-input{width:auto}.pd-text-size .pd-input{width:64px}.pd-text-color input{width:40px;height:30px;padding:2px;border:1px solid var(--pd-border-strong, #cbd5e1);border-radius:6px;background:#fff;cursor:pointer}.pd-text-toggle{min-width:34px;height:30px;padding:0 8px;font-size:14px;font-weight:700;background:#fff;border:1px solid var(--pd-border-strong, #cbd5e1);border-radius:6px;color:var(--pd-ink-2, #475569);cursor:pointer}.pd-text-toggle-italic{font-style:italic}.pd-text-toggle.is-active{background:var(--pd-accent, #334155);border-color:var(--pd-accent, #334155);color:var(--pd-accent-ink, #ffffff)}.pd-btn-block{width:100%}.pd-spinner{display:none;width:1em;height:1em;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:pd-spin .7s linear infinite}.pd-btn.is-submitting .pd-spinner{display:inline-block}@keyframes pd-spin{to{transform:rotate(360deg)}}.pd-toolbar{display:flex;align-items:center;gap:.5em;flex-wrap:wrap;margin-top:1em}.pd-toolbar .pd-btn{flex:1 1 auto}.pd-color-row{display:flex;gap:.55em;flex-wrap:wrap}.pd-color-swatch{position:relative;width:36px;height:36px;padding:0;border:2px solid var(--pd-surface, #fff);outline:1px solid var(--pd-border-strong, #cbd5e1);outline-offset:-1px;border-radius:10px;cursor:pointer;color:transparent;display:inline-flex;align-items:center;justify-content:center;transition:transform .12s,outline-color .12s,box-shadow .12s}.pd-color-swatch:hover{transform:scale(1.08)}.pd-color-swatch:focus-visible{outline:2px solid var(--pd-accent, #334155);outline-offset:2px}.pd-color-swatch svg{opacity:0;color:#fff;filter:drop-shadow(0 0 2px rgba(0,0,0,.55));transition:opacity .12s}.pd-color-swatch.pd-selected{outline:2px solid var(--pd-accent, #334155);outline-offset:2px}.pd-color-swatch.pd-selected svg{opacity:1}.pd-method-field{display:flex;flex-direction:column;gap:.3em;margin:0 0 .75em}.pd-method-field:last-child{margin-bottom:0}.pd-method-zone-name{font-size:13px;font-weight:600;color:var(--pd-ink-2, #475569)}.pd-method-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;padding:.55em 2.3em .55em .8em;border:1px solid var(--pd-border-strong, #cbd5e1);border-radius:var(--pd-radius-sm, 8px);background-color:var(--pd-surface, #fff);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .75em center!important;font:inherit;font-size:14px;color:var(--pd-ink, #0f172a);cursor:pointer;transition:border-color .15s,box-shadow .15s}.product-designer select,.pd-page select,.pd-method-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right .75em center!important}.pd-method-select:hover{border-color:var(--pd-accent, #334155)}.pd-method-select:focus{outline:none;border-color:var(--pd-accent, #334155);box-shadow:0 0 0 3px #3341551f}.pd-quote-form .pd-field{margin:0 0 .75em;display:flex;flex-direction:column}.pd-field-label{font-size:13px;font-weight:600;margin-bottom:.3em;color:var(--pd-ink-2, #475569)}.pd-input{width:100%;padding:.55em .8em;border:1px solid var(--pd-border-strong, #cbd5e1);border-radius:var(--pd-radius-sm, 8px);background:var(--pd-surface, #fff);font:inherit;font-size:14px;color:var(--pd-ink, #0f172a);transition:border-color .15s,box-shadow .15s}.pd-input:focus{outline:none;border-color:var(--pd-accent, #334155);box-shadow:0 0 0 3px #3341551f}textarea.pd-input{resize:vertical;min-height:4.5em}.pd-field-error{display:none;margin-top:.3em;font-size:12px;color:var(--pd-err-ink, #991b1b)}.pd-has-error .pd-field-error{display:block}.pd-has-error .pd-input{border-color:#ef4444}.pd-has-error .pd-input:focus{box-shadow:0 0 0 3px #ef444426}.pd-required{color:var(--pd-ink, #0f172a);font-weight:700}.pd-form-hint{margin:0 0 10px;font-size:13px;color:var(--pd-ink-2, #475569)}.pd-method-error{display:none;margin-top:.3em;font-size:12px;color:var(--pd-err-ink, #991b1b)}.pd-method-error.has-error{display:block}.pd-min-order{display:flex;align-items:flex-start;gap:.5em;margin:0 0 .85em;padding:.6em .8em;border-radius:var(--pd-radius-sm, 8px);background:var(--pd-accent-soft, #f1f5f9);color:var(--pd-ink-2, #475569);font-size:13.5px}.pd-min-order svg{flex-shrink:0;margin-top:.1em;color:var(--pd-ink-3, #94a3b8)}.pd-status,.pd-submit-status{margin-top:.6em;padding:.55em .8em;border-radius:var(--pd-radius-sm, 8px);border:1px solid transparent;font-size:13.5px}.pd-status:empty,.pd-submit-status:empty{display:none}.pd-status-info,.pd-submit-status.pd-status-info{background:var(--pd-info-bg, #f1f5f9);border-color:var(--pd-info-line, #cbd5e1);color:var(--pd-info-ink, #334155)}.pd-status-error,.pd-submit-status.pd-status-error{background:var(--pd-err-bg, #fef2f2);border-color:var(--pd-err-line, #fca5a5);color:var(--pd-err-ink, #991b1b)}.pd-status-warning,.pd-submit-status.pd-status-warning{background:var(--pd-warn-bg, #fffbeb);border-color:var(--pd-warn-line, #fcd34d);color:var(--pd-warn-ink, #92400e)}.pd-status-success,.pd-submit-status.pd-status-success{background:var(--pd-ok-bg, #f0fdf4);border-color:var(--pd-ok-line, #86efac);color:var(--pd-ok-ink, #166534)}.pd-submit-status a{color:inherit;font-weight:600}@media (max-width: 780px){.pd-layout{grid-template-columns:1fr}.pd-stage{padding:.9em}.pd-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.9em}}.pd-area-hint{margin:0 0 10px;font-size:13px;line-height:1.5;color:#64748b}.pd-areas-status{display:none;margin-top:8px;font-size:13px;color:var(--pd-err-ink, #991b1b)}.pd-areas-status:not(:empty){display:block}.pd-areas{display:flex;flex-wrap:wrap;gap:8px}.pd-area-row{position:relative;display:inline-flex}.pd-area-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:600;color:var(--pd-accent-strong, #1e293b);background:#fff;border:1px solid var(--pd-border-strong, #cbd5e1);border-radius:var(--pd-radius-sm, 8px);cursor:pointer;transition:border-color .15s ease,background .15s ease}.pd-area-btn.is-inactive{border-style:dashed;color:var(--pd-ink-2, #475569);background:transparent}.pd-area-add{display:none;font-size:16px;font-weight:700;line-height:1;color:var(--pd-accent, #334155)}.pd-area-btn.is-inactive .pd-area-add{display:inline-block}.pd-area-btn:not(.is-inactive){padding-right:38px}.pd-area-off{position:absolute;top:50%;right:7px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--pd-err-ink, #991b1b);font-size:18px;font-weight:600;line-height:1;cursor:pointer;transition:color .15s ease,background .15s ease}.pd-area-off:hover{color:#7f1d1d;background:#991b1b1a}.pd-area-off:focus-visible{outline:2px solid var(--pd-accent, #334155);outline-offset:1px}.pd-area-btn:hover{border-color:var(--pd-accent, #334155)}.pd-area-btn.is-active{border-color:var(--pd-accent, #334155);background:var(--pd-accent-soft, #f1f5f9);box-shadow:inset 0 0 0 1px var(--pd-accent, #334155)}.pd-area-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:12px;font-weight:700;color:var(--pd-accent-ink, #ffffff);background:var(--pd-accent, #334155);border-radius:999px}.pd-area-detail{margin-top:14px;padding-top:14px;border-top:1px dashed var(--pd-border-strong, #cbd5e1)}.pd-area-detail-title{margin:0 0 10px;font-size:14px;font-weight:700;color:var(--pd-accent-strong, #1e293b)}.pd-uploads-title{margin:14px 0 8px;font-size:13px;font-weight:700;color:var(--pd-accent-strong, #1e293b)}.pd-uploads{display:flex;flex-wrap:wrap;gap:8px}.pd-upload-thumb{display:flex;width:56px;height:56px;padding:3px;background:#fff;border:1px solid var(--pd-border-strong, #cbd5e1);border-radius:var(--pd-radius-sm, 8px);cursor:pointer;overflow:hidden;transition:border-color .15s ease}.pd-upload-thumb:hover{border-color:var(--pd-accent, #334155);box-shadow:inset 0 0 0 1px var(--pd-accent, #334155)}.pd-upload-thumb img{width:100%;height:100%;object-fit:contain}.pd-method-buttons{display:flex;margin:0 0 2px;border:1px solid var(--pd-border-strong, #cbd5e1);border-radius:var(--pd-radius-sm, 8px);background:var(--pd-surface, #fff);overflow:hidden}.pd-method-btn{flex:1;padding:8px 10px;font-size:14px;font-weight:600;text-align:center;color:var(--pd-ink-2, #475569);background:transparent;border:0;border-radius:0;cursor:pointer;transition:background .15s ease,color .15s ease}.pd-method-btn+.pd-method-btn{border-left:1px solid var(--pd-border-strong, #cbd5e1)}.pd-method-btn:hover{background:var(--pd-accent-soft, #f1f5f9);color:var(--pd-accent-strong, #1e293b)}.pd-method-btn:focus-visible{outline:2px solid var(--pd-accent, #334155);outline-offset:-3px}.pd-method-btn.is-active{background:var(--pd-accent, #334155);color:var(--pd-accent-ink, #ffffff)}.pd-select-wrap{position:relative;display:block}.pd-select-wrap select{width:100%}.pd-select-chevron{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:flex;align-items:center;pointer-events:none;color:#64748b}.pd-view-bar{width:100%;max-width:600px;padding:0 4px}.pd-view-tabs{display:flex;align-items:flex-end;gap:4px;flex-wrap:wrap}.pd-view-tab{padding:8px 16px;font-size:14px;font-weight:600;color:var(--pd-accent-strong, #1e293b);background:var(--pd-surface, #fff);border:1px solid var(--pd-border-strong, #cbd5e1);border-radius:var(--pd-radius-sm, 8px);cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.pd-view-tab:hover{border-color:var(--pd-accent, #334155)}.pd-view-tab.is-active{color:var(--pd-accent-ink, #ffffff);background:var(--pd-accent, #334155);border-color:var(--pd-accent, #334155)}.pd-product-name{margin:0 0 8px;font-size:14px;font-weight:700;color:var(--pd-ink, #0f172a)}.pd-variant-selector{display:flex;flex-direction:column;gap:8px}.pd-variant-chips{display:flex;flex-wrap:wrap;gap:6px}.pd-variant-chips:empty{display:none}.pd-variant-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid var(--pd-border-strong, #cbd5e1);background:var(--pd-surface, #ffffff);font-size:13px;font-weight:600;color:var(--pd-ink, #0f172a);cursor:pointer;transition:border-color .15s ease,background .15s ease}.pd-variant-chip:hover{border-color:var(--pd-accent, #334155)}.pd-variant-chip.is-active{background:var(--pd-accent, #334155);border-color:var(--pd-accent, #334155);color:var(--pd-accent-ink, #ffffff)}.pd-variant-dot{width:13px;height:13px;border-radius:50%;border:1px solid var(--pd-border-strong, #cbd5e1);flex:none}.is-active .pd-variant-dot{border-color:#ffffffb3}.pd-variant-chip-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;color:var(--pd-ink-3, #94a3b8);cursor:pointer}.pd-variant-chip:not(.is-active) .pd-variant-chip-icon:hover{color:var(--pd-accent-strong, #1e293b);background:var(--pd-accent-soft, #f1f5f9)}.pd-variant-chip:not(.is-active) .pd-variant-chip-icon.pd-chip-trash:hover{color:var(--pd-err-ink, #991b1b);background:#991b1b14}.is-active .pd-variant-chip-icon{color:#ffffffd9}.is-active .pd-variant-chip-icon:hover{color:#fff;background:#ffffff2e}.pd-no-variant{margin:4px 0 2px;font-size:14px;font-weight:600;color:var(--pd-ink-2, #475569)}.pd-variant-chip-icon.is-armed{color:#fff;background:var(--pd-err-ink, #991b1b)}.pd-variant-chip:not(.is-active) .pd-variant-chip-icon.is-armed{color:#fff}.pd-variant-chip-icon.is-armed:hover{background:#7f1d1d}