.customizer{border-top:1px solid var(--line)}.customizer-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:2rem;align-items:start}.design-stage{position:sticky;top:150px;text-align:center}.design-stage canvas{display:block;width:100%;max-height:680px;aspect-ratio:1;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);touch-action:none}.design-stage p,.design-status{color:var(--muted);font-size:.85rem}.design-controls{display:grid;gap:1rem}.design-controls fieldset{border:0;border-bottom:1px solid var(--line);padding:0 0 1rem}.design-controls legend{font:700 1.15rem Georgia}.background-options{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.background-options label{position:relative;margin:0;cursor:pointer}.background-options input{position:absolute;opacity:0}.background-options img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border:3px solid transparent;border-radius:10px}.background-options input:checked+img{border-color:var(--terracotta)}.background-options span{display:block;text-align:center;font-size:.75rem}.design-controls input[type=color]{height:48px;padding:.25rem}.design-controls input[type=range]{padding:0}.design-controls output{display:block;color:var(--muted);font-size:.8rem}.design-controls>.primary{width:100%}.design-status.saved{color:var(--success);font-weight:700}@media(max-width:850px){.customizer-layout{grid-template-columns:1fr}.design-stage{position:static}.design-controls{grid-row:1}}