.imgcolor-tool{max-width:1000px;margin:0 auto}.imgcolor-upload-area{border:2px dashed var(--gray-200);border-radius:12px;padding:60px 40px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;background:#fff}.imgcolor-upload-area.drag-over,.imgcolor-upload-area:hover{border-color:var(--primary-500);background:var(--gray-50)}.imgcolor-upload-area .upload-icon{margin-bottom:16px;color:var(--primary-500)}.dominant-colors-panel h3,.imgcolor-upload-area h3{font-size:20px;font-weight:600;color:var(--gray-800);margin-bottom:8px}.imgcolor-upload-area p{color:var(--gray-500);margin-bottom:20px}.upload-info{margin-top:12px;font-size:13px;color:var(--gray-500)}.imgcolor-workspace{display:flex;gap:24px;align-items:flex-start}.imgcolor-canvas-panel{flex:1;min-width:0;position:relative;display:flex;flex-direction:column;gap:10px}.imgcolor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;background:#fff;border:1px solid var(--gray-200);border-radius:10px}.imgcolor-modes{display:flex;gap:4px}.tool-mode-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;color:var(--gray-500);background:0 0;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .15s}.tool-mode-btn svg{stroke:var(--gray-400);flex-shrink:0;transition:stroke .15s}.tool-mode-btn:hover{background:var(--gray-50);color:var(--gray-700)}.tool-mode-btn.active{background:var(--primary-50, #fff5f5);color:var(--primary-500);border-color:var(--primary-200, #fecaca)}.tool-mode-btn.active svg{stroke:var(--primary-500)}.imgcolor-zoom-controls{display:flex;align-items:center;gap:4px}.zoom-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:6px;cursor:pointer;transition:background .15s;color:var(--gray-600)}.zoom-btn svg{stroke:var(--gray-600)}.zoom-btn:hover{background:var(--gray-100)}.zoom-level{font-size:12px;font-weight:600;color:var(--gray-500);min-width:44px;text-align:center;font-family:monospace}.imgcolor-canvas-wrap{position:relative;overflow:hidden;border-radius:8px;border:1px solid var(--gray-200);line-height:0}#imgcolorCanvas{display:block;max-width:100%;cursor:crosshair}.imgcolor-loupe{position:absolute;border-radius:50%;pointer-events:none;box-shadow:0 4px 16px rgba(0,0,0,.2);z-index:10}.imgcolor-info-panel{width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:20px}.picked-color-display{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:16px}.picked-swatch{width:100%;height:80px;border-radius:8px;border:1px solid var(--gray-200);margin-bottom:16px;background:var(--gray-200);transition:background-color .15s}.picked-value-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.picked-label{font-size:11px;font-weight:700;color:var(--gray-500);width:32px;flex-shrink:0}.picked-value{flex:1;font-size:13px;font-family:monospace;color:var(--gray-800);word-break:break-all}.copy-btn{font-size:11px;padding:3px 8px;border:1px solid var(--gray-200);border-radius:4px;background:var(--gray-50);color:var(--gray-800);cursor:pointer;flex-shrink:0;transition:background .15s}.copy-btn:hover{background:var(--primary-500);color:#fff;border-color:var(--primary-500)}.copy-btn.copied{background:#22c55e;color:#fff;border-color:#22c55e}.dominant-colors-panel{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:16px}.dominant-colors-panel h3{font-size:14px;margin-bottom:12px}.dominant-swatches{display:flex;flex-wrap:wrap;gap:8px}.dominant-swatch{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer}.dominant-swatch-color{width:40px;height:40px;border-radius:6px;border:2px solid transparent;transition:border-color .15s,transform .15s}.dominant-swatch-color:hover{border-color:var(--primary-500);transform:scale(1.1)}.dominant-swatch-hex{font-size:10px;font-family:monospace;color:var(--gray-500)}@media (max-width:768px){.imgcolor-workspace{flex-direction:column}.imgcolor-info-panel{width:100%}}