.designer{display:grid;gap:.9rem;padding:1rem 1.1rem;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-sm)}.designer[hidden]{display:none}.designer__row{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem}.designer__label{font-family:var(--font-display);font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-subtle);margin-right:.15rem}.designer__swatches{display:flex;flex-wrap:wrap;gap:.4rem}.designer__swatch{width:26px;height:26px;padding:0;border-radius:50%;border:2px solid var(--border-strong);background:var(--swatch, #000);transition:transform var(--speed) var(--ease-spring),border-color var(--speed) var(--ease-out),box-shadow var(--speed) var(--ease-out)}.designer__swatch:hover{transform:scale(1.12)}.designer__swatch[aria-pressed=true]{border-color:var(--text);box-shadow:0 0 0 3px color-mix(in oklab,var(--brand-primary) 30%,transparent)}.designer__picker{width:34px;height:26px;padding:0;border:1px solid var(--border-strong);border-radius:var(--radius-xs);background:none;cursor:pointer}.designer__range{flex:1;min-width:110px;max-width:200px;accent-color:var(--brand-primary)}.designer__size{min-width:3.2ch;font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted);text-align:right}.designer__tools{display:flex;flex-wrap:wrap;gap:.45rem;margin-left:auto}.designer__tool{display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .8rem;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface-strong);font-size:var(--step--1);font-weight:500;color:var(--text-muted);transition:transform var(--speed) var(--ease-spring),color var(--speed) var(--ease-out),border-color var(--speed) var(--ease-out),background-color var(--speed) var(--ease-out)}.designer__tool:hover:not(:disabled){transform:translateY(-1px);color:var(--text);border-color:var(--border-strong)}.designer__tool:disabled{opacity:.45;cursor:not-allowed}.designer__tool[aria-pressed=true],.designer__tool--primary{color:#fff;border-color:transparent;background:var(--gradient-brand);box-shadow:var(--shadow-xs)}.designer__tool--primary:hover:not(:disabled){color:#fff;transform:translateY(-1px)}.designer__tool--danger:hover:not(:disabled){color:#fff;border-color:transparent;background:linear-gradient(135deg,#f2789a,var(--brand-accent))}.designer__note{font-size:.74rem;color:var(--text-subtle);line-height:1.5}.designer__note strong{color:var(--text-muted)}.designer__tool-name{display:none}@media(min-width:700px){.designer__tool-name{display:inline}}.designer__tool--file{cursor:pointer}.designer__tool--file:focus-within{outline:2px solid var(--brand-primary);outline-offset:2px}.preview{margin-top:1.2rem;padding:1rem;border:1px solid var(--border);border-radius:var(--radius-lg, 1rem);background:var(--surface)}.preview__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.preview__title{margin:0;font-size:var(--step-0);font-weight:600}.preview__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:.7rem}.preview__shot{position:relative;margin:0;overflow:hidden;border-radius:var(--radius-md, .6rem);background:#fff}.preview__photo{display:block;width:100%;height:auto}.preview__art{position:absolute;display:block;pointer-events:none}