/* Styles of tool: Image Color Picker (Eyedropper) */
.im-drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:26px 16px;border:2px dashed var(--mid);border-radius:5px;background:var(--bg);text-align:center;cursor:pointer}
.im-drop.over,.im-drop:hover{background:var(--light);border-color:var(--primary)}.im-drop i{font-size:2rem;color:var(--mid)}.im-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.ic-stage{text-align:center;margin:14px 0;background:repeating-conic-gradient(#eee 0 25%,#fff 0 50%) 0 0/16px 16px;border:1px solid var(--border-soft);border-radius:5px;padding:10px}
.ic-stage canvas{max-width:100%;height:auto;cursor:crosshair;border-radius:4px}
.ic-info{display:flex;align-items:center;gap:14px;background:var(--bg);border:1px solid var(--border-soft);border-radius:5px;padding:12px 16px;min-height:60px}
.ic-sw{width:48px;height:48px;border-radius:8px;border:1px solid var(--border-soft)}
.ic-hex{font-family:ui-monospace,Consolas,monospace;font-size:1.3rem;font-weight:700}
.ic-pal{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.tool-box .ic-p{width:40px;height:40px;border-radius:6px!important;border:2px solid #fff!important;box-shadow:0 1px 3px rgba(0,0,0,.2)!important;padding:0!important;cursor:pointer}