.pl-top{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap;margin-bottom:8px}.pl-swatch-base{width:72px;height:72px;border-radius:12px;border:1px solid var(--line);flex:0 0 auto}.pl-inputs{display:flex;gap:12px;flex-wrap:wrap;flex:1 1 220px}.pl-inputs .field{flex:1 1 160px}.pl-picker-field input[type=color]{width:100%;height:42px;padding:2px;background:none;border:1px solid var(--line);border-radius:8px}.pl-error{color:#f87171;font-size:13px;margin:4px 0 0}.pl-set{margin-top:22px}.pl-set-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:6px}.pl-set-title{font-weight:600;font-size:15px}.pl-set-desc{color:var(--muted);font-size:13px;flex:1 1 200px}.pl-row{display:flex;gap:8px;flex-wrap:wrap}.pl-chip{flex:1 1 96px;min-width:96px;border:1px solid var(--line);border-radius:10px;padding:14px 10px 10px;cursor:pointer;text-align:left;font:inherit;transition:transform .08s ease}.pl-chip:hover{transform:translateY(-2px)}.pl-chip-hex{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:600}.pl-chip-note{display:block;font-size:11px;opacity:.8;margin-top:2px}.pl-copied{color:var(--accent);font-size:13px;min-height:18px;margin:10px 0 0}.pl-hint{color:var(--muted);font-size:13px;margin-top:18px}