:root{--bg:#ffffff;--surface:#f7f7f8;--surface-2:#eeeef1;--border:#d9d9de;--text:#18181b;--text-muted:#6b6b76;--accent:#1d4ed8;--accent-contrast:#ffffff;--ok:#15803d;--warn:#b45309;--danger:#b91c1c;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--radius:10px;--radius-sm:6px;--shadow:0 1px 2px rgba(0,0,0,0.06),0 4px 12px rgba(0,0,0,0.06);--font:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5}h1,h2,h3{margin:0;font-weight:650;letter-spacing:-.01em}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.cfg{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-gap:var(--space-5);gap:var(--space-5);max-width:980px;margin:0 auto;padding:var(--space-5)}@media (max-width:760px){.cfg{grid-template-columns:1fr}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4)}.section{margin-bottom:var(--space-5)}.section>.label{display:block;font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-2)}.swatches{display:flex;gap:var(--space-2)}.swatch{width:36px;height:36px;border-radius:50%;border:2px solid var(--border);padding:0}.swatch[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 2px rgba(29,78,216,.25)}.sizes{display:flex;flex-wrap:wrap;gap:var(--space-2)}.size{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);padding:var(--space-2);min-width:84px}.size .name{font-weight:600}.size .avail{font-size:12px;color:var(--text-muted)}.size.out{opacity:.45}.stepper{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-1)}.stepper button{width:26px;height:26px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);line-height:1}.stepper .qty{min-width:20px;text-align:center}input[type=file],select{font:inherit;border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-2);background:var(--bg);color:var(--text)}.stage{position:relative;width:100%;aspect-ratio:4/5;background:var(--surface-2);border-radius:var(--radius);overflow:hidden;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.garment{position:absolute;inset:8%;border-radius:18px}.artwork{position:absolute;cursor:-webkit-grab;cursor:grab;outline:1.5px dashed rgba(29,78,216,.7)}.artwork img{width:100%;height:100%;display:block;pointer-events:none}.handle{position:absolute;right:-7px;bottom:-7px;width:14px;height:14px;background:var(--accent);border:2px solid #fff;border-radius:50%;cursor:nwse-resize}.alert{border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:13px;margin-top:var(--space-2)}.alert.warn{background:#fef3c7;color:var(--warn)}.alert.ok{background:#dcfce7;color:var(--ok)}.price{font-size:28px;font-weight:700;letter-spacing:-.02em}.muted{color:var(--text-muted)}.breakdown{list-style:none;margin:var(--space-3) 0;padding:0;font-size:13px}.breakdown li{display:flex;justify-content:space-between;padding:var(--space-1) 0;border-bottom:1px dashed var(--border)}.cta{width:100%;background:var(--accent);color:var(--accent-contrast);border:none;border-radius:var(--radius);padding:var(--space-3);font-weight:650;font-size:16px}.status{font-size:13px;color:var(--text-muted);margin-top:var(--space-2);min-height:18px}