.attention-color-tools .picker{position:fixed;z-index:20;top:20px;left:50%;transform:translateX(-50%);width:min(820px,calc(100vw - 48px));padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 20px 60px rgba(16,24,40,.18);overflow:hidden}
.attention-color-tools .picker[hidden]{display:none}
.attention-color-tools .picker-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.attention-color-tools .picker-head strong{font-size:15px}
.attention-color-tools .close{border:0;background:none;color:var(--muted);font-size:20px;cursor:pointer}
.attention-color-tools .current{display:flex;align-items:center;gap:12px;margin:0 0 14px}
.attention-color-tools .current i{width:38px;height:38px;border:1px solid var(--line);border-radius:9px}
.attention-color-tools .current code{color:var(--muted);font-size:11px}
.attention-color-tools .spectrum{height:420px;border-radius:12px;cursor:crosshair;background:linear-gradient(to top,#000 0%,transparent 55%,rgba(255,255,255,.9) 100%),linear-gradient(to right,#f00 0%,#ff0 16%,#0f0 33%,#0ff 50%,#00f 66%,#f0f 83%,#f00 100%);box-shadow:inset 0 0 0 1px rgba(16,24,40,.12)}
.attention-color-tools .rgba{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:14px}
.attention-color-tools .rgba label{display:block;margin-bottom:5px;color:var(--muted);font-size:10px;font-weight:800}
.attention-color-tools .rgba input,.attention-color-tools .hex{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:9px;background:var(--field);color:var(--text);font:inherit;font-size:12px}
.attention-color-tools .hexrow{display:grid;grid-template-columns:1fr auto;gap:9px;margin-top:10px}
.attention-color-tools .picker-undo{width:38px;height:38px;padding:0;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font-size:0;cursor:pointer}
.attention-color-tools .picker-undo svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.attention-color-tools .hint{margin:12px 0 0;color:var(--muted);font-size:10px}
 .attention-color-tools .picker{z-index:100;max-height:calc(100dvh - 32px);overflow:auto;}
@media(max-width:760px){.attention-color-tools .spectrum{height:min(420px,40dvh);}}