.picker-canvas{max-width:100%;max-height:520px;display:block;margin:auto;cursor:crosshair}.palette{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:16px}.swatch{min-height:100px;padding:10px;display:flex;align-items:flex-end;border:0;border-radius:5px;font:9px var(--mono);box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}.picked-color{height:80px;border-radius:5px;border:1px solid var(--tool-line)}.paste-zone{width:100%;margin:14px 0 8px;padding:14px;display:flex;align-items:center;gap:14px;text-align:left;color:var(--tool-ink);border:1px dashed var(--tool-line);border-radius:6px;background:#faf8f3;transition:border-color .2s,background .2s,transform .2s}.paste-zone:hover,.paste-zone:focus-visible{border-color:var(--tool-accent);background:#fff;outline:none}.paste-zone:active{transform:translateY(1px)}.paste-zone.paste-success{border-style:solid;border-color:#80a31b;background:#f6f9e9}.paste-key{min-width:76px;padding:8px 10px;text-align:center;color:#fff;border-radius:4px;background:#171715;font:700 9px var(--mono)}.paste-zone b,.paste-zone small{display:block}.paste-zone b{font-size:11px}.paste-zone small{margin-top:4px;color:var(--tool-muted);font-size:9px}.paste-status{min-height:18px;margin:0 0 10px;color:var(--tool-muted);font-size:9px}.image-preview{min-height:180px}@media(max-width:600px){.palette{grid-template-columns:repeat(3,1fr)}.paste-zone{align-items:flex-start}.paste-key{min-width:64px}.paste-zone small{line-height:1.45}}