.cw-body{flex-direction:column;gap:18px;display:flex}.cw-section{flex-direction:column;gap:8px;display:flex}.cw-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-size:11px;font-weight:600}.cw-swatches{grid-template-columns:repeat(9,1fr);gap:8px;display:grid}.cw-swatch{aspect-ratio:1;cursor:pointer;transition:transform .14s var(--ease), box-shadow .18s var(--ease);border:0;border-radius:9px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #14120c0f}.cw-swatch:after{content:"";background:var(--cover-sheen);pointer-events:none;position:absolute;inset:0}.cw-swatch:hover{transform:scale(1.05)}.cw-swatch.is-selected{box-shadow:inset 0 0 0 1px #14120c1f, 0 0 0 2px var(--card-bg), 0 0 0 3px var(--ink)}.cw-swatch-upload{border:1px dashed var(--surface-3);color:var(--ink-3);background:0 0;place-items:center;display:grid}.cw-swatch-upload:after{display:none}.cw-swatch-upload:hover{border-color:var(--ink-3);color:var(--ink)}.cw-swatch-upload.is-selected{border-style:solid;border-color:#0000}.cw-swatch-upload-clear{color:#fff;visibility:hidden;background:#14120c8c;border-radius:999px;place-items:center;width:14px;height:14px;display:grid;position:absolute;top:2px;right:2px}.cw-swatch-upload:hover .cw-swatch-upload-clear,.cw-swatch-upload:focus-within .cw-swatch-upload-clear{visibility:visible}@media (hover:none){.cw-swatch-upload-clear{visibility:visible}}.cw-sources{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;display:grid}.cw-source{border:1px solid var(--surface-3);background:var(--card-bg);cursor:pointer;text-align:left;transition:background .14s var(--ease), border-color .14s var(--ease), box-shadow .18s var(--ease);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.cw-source:hover{background:var(--surface-2)}.cw-source.is-selected{border-color:var(--ink);box-shadow:var(--selected-shadow)}.cw-source-thumb{border-radius:8px;flex:none;width:28px;height:28px;position:relative;overflow:hidden}.cw-source-thumb:after{content:"";background:var(--cover-sheen);position:absolute;inset:0}.cw-source-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:500;overflow:hidden}.cw-pieces{flex-wrap:wrap;gap:6px;display:flex}.cw-piece{border:1px solid var(--surface-3);background:var(--card-bg);font:inherit;color:var(--ink-3);cursor:pointer;transition:background .14s var(--ease), border-color .14s var(--ease), color .14s var(--ease);border-radius:999px;align-items:center;gap:8px;padding:6px 14px 6px 10px;font-size:13px;font-weight:500;display:inline-flex}.cw-piece:hover{background:var(--surface-2);color:var(--ink-2)}.cw-piece.is-on{border-color:var(--ink-4);color:var(--ink)}.cw-piece-box{border:1.5px solid var(--ink-4);color:#0000;width:15px;height:15px;transition:background .14s var(--ease), border-color .14s var(--ease), color .14s var(--ease);background:0 0;border-radius:5px;place-items:center;display:grid}.cw-piece.is-on .cw-piece-box{background:var(--ink);border-color:var(--ink);color:var(--card-bg)}.cw-loading{justify-content:center;padding:16px;display:flex}