#customizer.customizer-3d{background:#ece9e2;color:#173e73;padding-block:72px;scroll-margin-top:90px}
#customizer.customizer-3d .customizer-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:start;gap:32px;background:transparent}
#customizer.customizer-3d .customizer-preview{display:block;min-height:0;overflow:visible;padding:0;background:transparent;position:sticky;top:112px}
#customizer.customizer-3d h2{font-size:clamp(1.8rem,3.1vw,3rem);line-height:1.1;letter-spacing:-.03em;text-transform:none;margin:0 0 24px;max-width:18ch;color:#173e73}
#customizer.customizer-3d .customizer-form{background:#fffdf8;padding:32px;min-width:0;border-radius:12px}
#customizer.customizer-3d .preview-caption{padding:18px 0 0;margin:0;border:0;display:flex;gap:8px;flex-direction:column;font-size:.88rem;line-height:1.5}
#customizer.customizer-3d .preview-caption b{font-size:1.05rem}
#customizer.customizer-3d .preview-caption span{color:#52617a}
#customizer.customizer-3d .designer-form-heading{font-size:1.25rem;text-transform:none;letter-spacing:-.015em;color:#173e73;margin:0 0 24px}
#customizer.customizer-3d .field-grid{gap:20px 16px}
#customizer.customizer-3d .field-grid+.designer-form-heading{margin-top:32px}
#customizer.customizer-3d label{font-size:.85rem;font-weight:650;line-height:1.4;color:#223f63}
#customizer.customizer-3d input,#customizer.customizer-3d select,#customizer.customizer-3d textarea{accent-color:#173e73;caret-color:#ba385c;border-radius:5px;font:inherit;min-width:0}
#customizer.customizer-3d input::placeholder,#customizer.customizer-3d textarea::placeholder{color:#667084;opacity:1}
#customizer.customizer-3d :focus-visible{outline:3px solid #b74363;outline-offset:3px}
#customizer.customizer-3d ::selection{background:#e9b7c5;color:#122c4a}
#customizer.customizer-3d .order-total{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:28px}
#customizer.customizer-3d .order-total>div{flex:1}
#customizer.customizer-3d .creative-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}
#customizer.customizer-3d .creative-tabs button{padding:12px 8px;min-height:48px;font-size:.82rem;border-radius:5px;text-transform:none}
.apparel-designer{--designer-ink:#173e73;--designer-muted:#52617a;--designer-surface:#f7f5f0;border-radius:12px;background:var(--designer-surface);overflow:hidden}
.designer-stage{position:relative;height:clamp(410px,42vw,590px);background:radial-gradient(ellipse at 45% 38%,#fffdf8,#e4e4e2 78%);isolation:isolate}
.designer-stage:after{content:"";position:absolute;bottom:7%;left:27%;width:46%;height:4%;background:#24324c20;border-radius:50%;filter:blur(14px);pointer-events:none;z-index:-1}
.designer-stage canvas{display:block;position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}
.designer-stage canvas:active{cursor:grabbing}
.designer-fallback{position:absolute;inset:8% 8%;display:grid;place-items:center;pointer-events:none}
.designer-fallback .garment-render{width:100%;height:100%;max-height:none;margin:0}
.designer-stage[data-ready=true] .designer-fallback{display:none}
.designer-stage[data-loading=true] canvas{opacity:.5}
.designer-stage-meta{position:absolute;top:18px;left:20px;right:20px;display:flex;justify-content:space-between;gap:12px;pointer-events:none;font-size:.76rem;font-weight:750;color:#43546a;z-index:2}
.designer-stage-meta span{max-width:55%;line-height:1.4}
.designer-stage-meta span:last-child{text-align:right}
.designer-zoom{position:absolute;bottom:20px;right:20px;display:flex;gap:5px;z-index:2}
.designer-zoom button{width:42px;height:42px;background:#fffdf8;display:grid;place-items:center;border:1px solid #cdd1d6;border-radius:5px;color:#173e73;cursor:pointer}
.designer-zoom button:disabled{opacity:.4;cursor:default}
.designer-status{position:absolute;bottom:20px;left:20px;right:118px;background:#fffdf8ed;padding:10px 12px;margin:0;color:#43546a;font-size:.8rem;line-height:1.4;z-index:2;border-radius:5px}
.designer-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-top:1px solid #dce0e1}
.designer-toolbar>div{display:flex;gap:4px}
.designer-toolbar button,.designer-control-heading button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:10px 12px;font:inherit;font-size:.78rem;font-weight:750;color:#173e73;background:transparent;border:1px solid transparent;border-radius:5px;cursor:pointer;transition:background .18s,color .18s}
.designer-toolbar button[aria-pressed=true]{background:#173e73;color:#fff}
.designer-toolbar button:hover:not([aria-pressed=true]),.designer-control-heading button:hover{background:#e1e7eb}
.designer-toolbar>div:last-child button{padding-inline:11px}
.designer-help{display:flex;align-items:start;gap:16px;justify-content:space-between;padding:0 20px 16px}
.designer-help p{color:#52617a;font-size:.8rem;line-height:1.55;margin:0;max-width:40ch}
#customizer .designer-help label{display:flex;gap:6px;align-items:center;white-space:nowrap;font-size:.75rem;line-height:1.4;min-height:32px}
#customizer .designer-help input{width:16px;height:16px;padding:0;margin:0}
.designer-layout-controls{padding:20px;border-top:1px solid #dce0e1}
.designer-control-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.designer-control-heading h3{font-size:1rem;letter-spacing:-.015em;margin:0;text-transform:none}
.designer-control-heading button{padding:6px 8px;min-height:36px;font-size:.75rem}
.designer-sliders{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px}
#customizer .designer-sliders label{display:block;font-size:.76rem;font-weight:650}
.designer-sliders output{float:right;font-variant-numeric:tabular-nums;color:#52617a;font-weight:500}
#customizer .designer-sliders input{display:block;width:100%;min-height:30px;height:30px;padding:0;margin:3px 0 0;background:transparent;border:0;cursor:pointer}
.designer-layout-summary{font-size:.7rem;color:#52617a;line-height:1.5;margin:12px 0 0;font-variant-numeric:tabular-nums}
.designer-proof-note{font-size:.7rem;line-height:1.55;color:#52617a;margin:0;padding:0 20px 18px}
.designer-source-tabs{display:flex;gap:16px;border-bottom:1px solid #d6dce1;margin-bottom:16px}
.designer-source-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;padding:8px 0 12px;font:inherit;font-size:.85rem;font-weight:700;color:#52617a;cursor:pointer}
.designer-source-tabs button[aria-pressed=true]{color:#173e73;border-color:#c2496d}
#customizer .designer-text-composer textarea{min-height:82px;resize:vertical;display:block;width:100%;margin-top:8px;padding:12px}
.designer-text-composer>div{display:grid;grid-template-columns:1fr 90px;gap:16px;margin-top:16px}
#customizer .designer-text-composer select{width:100%;margin-top:8px}
#customizer .designer-text-composer input[type=color]{width:100%;height:45px;padding:4px;margin-top:8px;cursor:pointer}
.designer-text-composer p{font-size:.75rem;line-height:1.5;color:#52617a;margin:12px 0 0}
.designer-remove{font:inherit;font-size:.78rem;color:#a33153;background:transparent;border:0;padding:10px 0;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
#customizer .upload-zone{border:1px dashed #9babb9;border-radius:6px;min-height:145px;background:#eff4f4;color:#173e73}
#customizer .upload-zone small{max-width:38ch;line-height:1.5}
@media(max-width:1100px){#customizer.customizer-3d .customizer-grid{grid-template-columns:minmax(0,1fr) minmax(340px,1fr);gap:24px}#customizer.customizer-3d .customizer-form{padding:24px}.designer-toolbar{padding-inline:16px;gap:8px}.designer-toolbar button{padding:9px;font-size:.72rem}.designer-help{flex-direction:column;gap:6px}.designer-stage{height:450px}}
@media(max-width:800px){#customizer.customizer-3d{padding-block:40px}#customizer.customizer-3d .customizer-grid{display:flex;flex-direction:column;gap:24px}#customizer.customizer-3d .customizer-preview{position:static;top:auto;width:100%}#customizer.customizer-3d .customizer-form{width:100%;padding:24px}#customizer.customizer-3d h2{max-width:18ch;margin-bottom:20px}.designer-stage{height:430px}.designer-toolbar{padding:12px 16px}.designer-help{padding-inline:16px}.designer-sliders{gap:14px 18px}.designer-layout-controls{padding:16px}.designer-proof-note{padding-inline:16px}#customizer.customizer-3d .field-grid{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.designer-stage{height:375px}.designer-toolbar{gap:6px;padding:12px}.designer-toolbar button{padding:8px;font-size:.7rem;min-height:40px}.designer-toolbar>div:first-child{flex:1}.designer-toolbar>div:last-child{width:100%;justify-content:center}#customizer.customizer-3d .customizer-form{padding:20px}#customizer.customizer-3d .field-grid{grid-template-columns:1fr}.designer-stage-meta{top:14px;left:14px;right:14px}.designer-sliders{gap:12px}.designer-zoom{right:14px;bottom:14px}}
@media(prefers-reduced-motion:reduce){.designer-toolbar button,.designer-control-heading button{transition:none}}