.ImageColorExtractor-module__5sP1za__container{max-width:680px;margin:40px auto;padding:0 20px 40px}.ImageColorExtractor-module__5sP1za__title{color:#1a3a5c;margin-bottom:24px;font-size:1.5rem;font-weight:700}.ImageColorExtractor-module__5sP1za__dropzone{text-align:center;cursor:pointer;color:#667;background:#fff;border:2px dashed #b0c4de;border-radius:12px;justify-content:center;align-items:center;min-height:120px;margin-bottom:24px;padding:40px 24px;transition:border-color .15s,background .15s;display:flex}.ImageColorExtractor-module__5sP1za__dropzone:hover,.ImageColorExtractor-module__5sP1za__dragging{background:#f0f4f8;border-color:#1a3a5c}.ImageColorExtractor-module__5sP1za__thumb{object-fit:contain;border-radius:8px;max-width:100%;max-height:260px}.ImageColorExtractor-module__5sP1za__swatchGrid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;display:grid}.ImageColorExtractor-module__5sP1za__swatchCard{cursor:pointer;background:#fff;border:none;border-radius:10px;padding:0;font-family:inherit;overflow:hidden;box-shadow:0 1px 4px #00000012}.ImageColorExtractor-module__5sP1za__swatchColor{height:70px;display:block}.ImageColorExtractor-module__5sP1za__swatchHex{color:#1a3a5c;text-align:center;padding:8px;font-family:Courier New,monospace;font-size:.82rem;display:block}@media (max-width:640px){.ImageColorExtractor-module__5sP1za__container{margin:16px auto;padding:0 12px 24px}}