/* 已导入态 dropzone 收缩（对齐 image-tool.css .dropzone.mini 同值；.dz-gallery/.dz-thumb 等由共享层提供） */
.dropzone.mini{padding:16px;min-height:0;background:var(--surface);align-items:stretch;text-align:left;gap:0}
/* =====================================================================
   Moteful 图标工具 · 页面私有样式（icon-tool.css）
   铁律：零新组件，仅工作区特有排版；全部 .icon-* 前缀。
   V1.9 收尾（样式回归验收）：.icon-workspace / .icon-edit-col / .icon-preview-* /
   .icon-canvas / .icon-custom-input / input.step-val / #iconScale 等工作区排版
   已提升至 missing_styles_proposal.css 共享层（同源登记、双份去重），
   本文件不再重复定义；仅保留页面独有内容：
   ① .dropzone.mini 页内覆盖（与共享层 .dropzone.mini 值不同，保留）
   ② .icon-cp-* 自定义取色面板组件（共享层仅登记注释，定义以本文件为唯一事实源）。
   ===================================================================== */


/* ===== 色板组件（icon-cp-*，替换原生 input[type=color]；HSV 色域 + 色相条 + hex + 取色器 + 预设） ===== */
.icon-cp-trig{display:flex;align-items:center;gap:8px;width:100%;height:38px;padding:0 10px;border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;transition:border-color .15s}
.icon-cp-trig:hover{border-color:var(--primary)}
.icon-cp-trig:disabled{opacity:.5;cursor:not-allowed}
.icon-cp-trig:disabled:hover{border-color:var(--border-strong)}
.icon-cp-chip{width:22px;height:22px;border-radius:var(--r-sm);flex:none;border:1px solid rgba(255,255,255,.14);background:repeating-conic-gradient(var(--border) 0 25%, var(--code-bg) 0 50%) 0 0/10px 10px}
.icon-cp-hex{font-family:var(--mono,ui-monospace,monospace);font-size:12.5px;color:var(--text-2,#8AA0C0);letter-spacing:.2px}
.icon-cp-arrow{width:16px;height:16px;margin-left:auto;color:var(--text-2,#8AA0C0);flex:none}
.icon-cp-pop{position:fixed;width:264px;padding:12px;background:var(--code-bg,#0B1220);border:1px solid var(--border-strong);border-radius:var(--r-md);box-shadow:0 10px 30px rgba(0,0,0,.45);z-index:70}
.icon-cp-hue{position:relative;height:24px;border-radius:var(--r-sm);cursor:crosshair;touch-action:none;background:linear-gradient(to right,#f00 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,#f00 100%)}
.icon-cp-huecursor{position:absolute;top:-4px;bottom:-4px;width:4px;border-radius:2px;background:#fff;pointer-events:none;box-shadow:0 0 4px rgba(0,0,0,.6)}
.icon-cp-sv{position:relative;height:160px;margin-top:8px;border-radius:var(--r-sm);border:1px solid var(--border);cursor:crosshair;touch-action:none;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent),#f00}
.icon-cp-cursor{position:absolute;width:14px;height:14px;border:2px solid var(--primary-strong,#A8D9F2);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 0 1px rgba(0,0,0,.5),0 0 5px rgba(0,0,0,.6);box-sizing:border-box}
.icon-cp-foot{display:flex;align-items:center;gap:8px;margin-top:10px}
.icon-cp-prev{width:28px;height:28px;border-radius:var(--r-sm);flex:none;border:1px solid rgba(255,255,255,.16);background:repeating-conic-gradient(var(--border) 0 25%, var(--code-bg) 0 50%) 0 0/10px 10px}
.icon-cp-hexinput{flex:1;min-width:0;height:32px;padding:0 10px;font-family:var(--mono,ui-monospace,monospace);font-size:13px;text-transform:uppercase}
.icon-cp-eyed{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--text-2,#8AA0C0);cursor:pointer;transition:border-color .15s,color .15s}
.icon-cp-eyed:hover{border-color:var(--primary);color:var(--primary)}
.icon-cp-eyed i{width:16px;height:16px}
.icon-cp-pal{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-top:10px}
.icon-cp-pal button{aspect-ratio:1;border-radius:var(--r-sm);border:1px solid rgba(255,255,255,.12);cursor:pointer;padding:0;box-sizing:border-box;transition:transform .1s}
.icon-cp-pal button:hover{transform:scale(1.12)}
.icon-cp-pal button.on{outline:2px solid var(--primary);outline-offset:1px}

/* 颜色字段行：窄触发（色块+箭头）+ hex 输入框并排（V1.5 修复：背景色缺输入框，统一三字段形态） */
.icon-cp-trig-sm{flex:none;width:auto;padding:0 8px}