.d-flex{display:flex}.flex-wrap{flex-wrap:wrap}.imageColorPicker{max-width:1200px}.imageColorPicker h3{font-size:20px;font-weight:700;text-align:left;color:#17445c;margin-bottom:8px}@media(max-width:576px){.imageColorPicker h3{font-size:18px}}.imageColorPicker .card{background:#fdfdfd;border:1px solid #eee;border-radius:10px;padding:18px}@media(max-width:576px){.imageColorPicker .card{padding:14px}}.imageColorPicker .card__title{font-size:18px;font-weight:700;color:#17445c;text-align:left;border-left:4px solid #4e8ab5;padding-left:8px;margin-bottom:14px}@media(max-width:576px){.imageColorPicker .card__title{font-size:16px}}.imageColorPicker .privacyNote{font-size:13px;color:#7993a5;text-align:center}.imageColorPicker .dropZone{border:2px dashed #cfd8e3;border-radius:10px;padding:40px 16px;text-align:center;cursor:pointer;transition:all .2s}.imageColorPicker .dropZone.is-dragover{border-color:#4e8ab5;background:#4e8ab50f}.imageColorPicker .dropZone:hover{border-color:#4e8ab5}@media(max-width:576px){.imageColorPicker .dropZone{padding:26px 12px}}.imageColorPicker .dropZone__hint{color:#17445c;font-size:16px;font-weight:600;margin-bottom:6px}.imageColorPicker .dropZone__sub{color:#3f464d;font-size:13px;margin-bottom:16px}.imageColorPicker .hidden-input{display:none}.imageColorPicker .actionBtn{display:inline-block;border:none;border-radius:20px;padding:8px 20px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.imageColorPicker .actionBtn.primary{background:#4e8ab5;color:#fff}.imageColorPicker .actionBtn.primary:hover{background:#3c79a5}.imageColorPicker .actionBtn.ghost{background:#fff;color:#3f464d;border:1px solid #ddd}.imageColorPicker .actionBtn.ghost:hover{border-color:#4e8ab5;color:#4e8ab5}.imageColorPicker .actionBtn.eyedrop{background:#2f3542;color:#fff}.imageColorPicker .actionBtn.eyedrop:hover{background:#1f2530}.imageColorPicker .actionBtn.small{padding:4px 14px;font-size:12px}.imageColorPicker .stageActions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.imageColorPicker .pickHint{font-size:13px;color:#3f464d;text-align:center;margin-bottom:8px}.imageColorPicker .workspace{display:flex;gap:24px;align-items:flex-start}@media(max-width:576px){.imageColorPicker .workspace{flex-direction:column}}@media(max-width:992px){.imageColorPicker .workspace{flex-direction:column}}.imageColorPicker .workspace__stage{flex:1 1 55%;min-width:0}.imageColorPicker .workspace__panel{flex:1 1 45%;min-width:0}.imageColorPicker .stageWrap{position:relative;width:100%;border-radius:8px;overflow:hidden;background:repeating-conic-gradient(#e9edf1 0% 25%,#f7f9fb 0% 50%) 50%/20px 20px;line-height:0;touch-action:none;cursor:crosshair}.imageColorPicker .stageImg{display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.imageColorPicker .hiddenCanvas{display:none}.imageColorPicker .magnifier{position:absolute;pointer-events:none;z-index:20;width:160px;height:160px;border-radius:50%;overflow:hidden;border:3px solid #fff;box-shadow:0 4px 16px #00000059}.imageColorPicker .magnifier__canvas{display:block;width:160px;height:160px}.imageColorPicker .hoverCard__body{display:flex;gap:16px;align-items:center}@media(max-width:576px){.imageColorPicker .hoverCard__body{flex-direction:column;align-items:stretch}}.imageColorPicker .colorSwatchBig{width:88px;height:88px;border-radius:12px;flex-shrink:0;border:2px solid #eee;box-shadow:inset 0 0 0 1px #0000000d}.imageColorPicker .colorCodesList{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.imageColorPicker .colorCodeRow{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;background:#f7f9fb;border-radius:8px;cursor:pointer;transition:all .2s}.imageColorPicker .colorCodeRow:hover{background:#4e8ab51a}.imageColorPicker .codeLabel{font-size:12px;font-weight:700;color:#3f464d;letter-spacing:.5px;flex-shrink:0}.imageColorPicker .codeValue{font-size:15px;font-weight:700;color:#17445c;font-family:Courier New,monospace;word-break:break-all;text-align:right}.imageColorPicker .noHoverHint{color:#3f464d;font-size:14px;text-align:center;padding:20px 0}.imageColorPicker .paletteCard__header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px}.imageColorPicker .paletteCard__header .card__title{margin-bottom:0}.imageColorPicker .paletteCount{color:#4e8ab5;font-weight:700}.imageColorPicker .paletteEmptyHint{color:#3f464d;font-size:14px;text-align:center;padding:20px 0}.imageColorPicker .paletteGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-height:560px;overflow-y:auto;padding-right:4px}@media(max-width:576px){.imageColorPicker .paletteGrid{grid-template-columns:1fr 1fr;max-height:none}}.imageColorPicker .swatchCard{position:relative;background:#fff;border:2px solid #f3f4f6;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:6px}.imageColorPicker .swatchCard__color{width:100%;height:40px;border-radius:6px;border:1px solid rgba(0,0,0,.06)}.imageColorPicker .swatchCard__codes{display:flex;flex-direction:column;gap:4px}.imageColorPicker .codeChip{background:#f7f9fb;border:none;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600;color:#17445c;cursor:pointer;text-align:left;font-family:Courier New,monospace;transition:all .2s}.imageColorPicker .codeChip:hover{background:#4e8ab51f;color:#4e8ab5}.imageColorPicker .swatchCard__delete{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;border:none;background:#0000000f;color:#3f464d;font-size:14px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.imageColorPicker .swatchCard__delete:hover{background:#df2073;color:#fff}