.ColorPaletteExtractor-module-scss-module__k7vYyq__calculator{max-width:800px;margin:0 auto;padding:2rem}.ColorPaletteExtractor-module-scss-module__k7vYyq__calculator h2{color:#555;margin-bottom:1rem;font-size:1.2rem}.ColorPaletteExtractor-module-scss-module__k7vYyq__calculator h3{color:#666;margin-bottom:.75rem;font-size:1rem}.ColorPaletteExtractor-module-scss-module__k7vYyq__inputSection{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}.ColorPaletteExtractor-module-scss-module__k7vYyq__inputGroup{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:1.5rem}.ColorPaletteExtractor-module-scss-module__k7vYyq__dropZone{text-align:center;cursor:pointer;border:2px dashed #ced4da;border-radius:6px;padding:2rem;transition:all .2s}.ColorPaletteExtractor-module-scss-module__k7vYyq__dropZone span{color:#6c757d;font-size:.9rem}.ColorPaletteExtractor-module-scss-module__k7vYyq__dropZone:hover{background:#007bff0d;border-color:#80bdff}.ColorPaletteExtractor-module-scss-module__k7vYyq__dropZoneActive{background:#007bff1a;border-style:solid;border-color:#007bff}.ColorPaletteExtractor-module-scss-module__k7vYyq__dropZoneWithImage{padding:.5rem}.ColorPaletteExtractor-module-scss-module__k7vYyq__previewImage{object-fit:contain;border-radius:4px;max-width:100%;max-height:200px}.ColorPaletteExtractor-module-scss-module__k7vYyq__sizeButtons{gap:.5rem;display:flex}.ColorPaletteExtractor-module-scss-module__k7vYyq__sizeButtons button{cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:.5rem 1rem;font-size:.9rem;transition:all .15s}.ColorPaletteExtractor-module-scss-module__k7vYyq__sizeButtons button:hover{border-color:#1a1a2e}.ColorPaletteExtractor-module-scss-module__k7vYyq__sizeButtons button.ColorPaletteExtractor-module-scss-module__k7vYyq__active{color:#fff;background:#1a1a2e;border-color:#1a1a2e}.ColorPaletteExtractor-module-scss-module__k7vYyq__resultSection{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:1.5rem}.ColorPaletteExtractor-module-scss-module__k7vYyq__resultSection>h2{border-bottom:2px solid #1a1a2e;margin-bottom:1.5rem;padding-bottom:.5rem}.ColorPaletteExtractor-module-scss-module__k7vYyq__paletteStrip{border-radius:6px;height:60px;margin-bottom:1.5rem;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000001a}.ColorPaletteExtractor-module-scss-module__k7vYyq__colorBlock{min-width:30px;transition:flex .3s}.ColorPaletteExtractor-module-scss-module__k7vYyq__colorGrid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.ColorPaletteExtractor-module-scss-module__k7vYyq__colorCard{border:1px solid #e9ecef;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d}.ColorPaletteExtractor-module-scss-module__k7vYyq__colorSwatch{cursor:pointer;justify-content:center;align-items:center;height:80px;font-family:monospace;font-size:.9rem;font-weight:600;transition:transform .1s;display:flex}.ColorPaletteExtractor-module-scss-module__k7vYyq__colorSwatch:hover{transform:scale(1.02)}.ColorPaletteExtractor-module-scss-module__k7vYyq__colorInfo{background:#f8f9fa;flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.ColorPaletteExtractor-module-scss-module__k7vYyq__colorInfo button{text-align:left;color:#666;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:.25rem;font-family:monospace;font-size:.75rem}.ColorPaletteExtractor-module-scss-module__k7vYyq__colorInfo button:hover{background:#e9ecef}.ColorPaletteExtractor-module-scss-module__k7vYyq__colorInfo .ColorPaletteExtractor-module-scss-module__k7vYyq__percentage{color:#999;margin-top:.25rem;font-size:.7rem}.ColorPaletteExtractor-module-scss-module__k7vYyq__exportSection{border-top:1px solid #e9ecef;margin-top:1rem;padding-top:1rem}.ColorPaletteExtractor-module-scss-module__k7vYyq__exportButtons{flex-wrap:wrap;gap:.5rem;display:flex}.ColorPaletteExtractor-module-scss-module__k7vYyq__exportButtons button{cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;transition:all .15s}.ColorPaletteExtractor-module-scss-module__k7vYyq__exportButtons button:hover{color:#fff;background:#1a1a2e;border-color:#1a1a2e}.ColorPaletteExtractor-module-scss-module__k7vYyq__infoBox{background:#f8f9fa;border-radius:6px;margin-top:1.5rem;padding:1rem}.ColorPaletteExtractor-module-scss-module__k7vYyq__infoBox h3{margin-bottom:.75rem}.ColorPaletteExtractor-module-scss-module__k7vYyq__infoBox p{color:#495057;margin-bottom:.5rem;line-height:1.5}.ColorPaletteExtractor-module-scss-module__k7vYyq__infoBox ul{margin:0;padding-left:1.5rem}.ColorPaletteExtractor-module-scss-module__k7vYyq__infoBox ul li{color:#495057;margin-bottom:.25rem}@media (max-width:639px){.ColorPaletteExtractor-module-scss-module__k7vYyq__calculator{padding:1rem}.ColorPaletteExtractor-module-scss-module__k7vYyq__inputSection{gap:1rem}.ColorPaletteExtractor-module-scss-module__k7vYyq__inputGroup{padding:1rem}.ColorPaletteExtractor-module-scss-module__k7vYyq__sizeButtons{flex-wrap:wrap}.ColorPaletteExtractor-module-scss-module__k7vYyq__sizeButtons button{flex:1;min-width:0}.ColorPaletteExtractor-module-scss-module__k7vYyq__paletteStrip{height:40px}.ColorPaletteExtractor-module-scss-module__k7vYyq__colorGrid{grid-template-columns:repeat(2,1fr);gap:.75rem}.ColorPaletteExtractor-module-scss-module__k7vYyq__colorSwatch{height:60px;font-size:.8rem}.ColorPaletteExtractor-module-scss-module__k7vYyq__exportButtons{flex-direction:column}.ColorPaletteExtractor-module-scss-module__k7vYyq__exportButtons button{width:100%}}