.display-fields{display:flex;flex-wrap:wrap;gap:14px;margin:18px 0}.display-fields label{display:flex;flex-direction:column;font-size:14px;gap:4px}.display-fields input{width:100px;max-width:100%;padding:6px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:5px}.display-live{display:block;margin:14px 0;padding:15px;background:var(--soft);border-left:3px solid var(--accent)}.display-swatch{height:70px;border:1px solid var(--line);border-radius:8px}.display-canvas{display:block;width:100%;max-width:520px;height:auto;background:#fffefb;border-radius:8px}.display-path{font-size:14px;line-height:2;overflow-wrap:anywhere}