.drop-zone{border:2px dashed #ccc;border-radius:8px;padding:2rem;text-align:center;transition:border .3s ease;cursor:pointer}.drop-zone:hover{border-color:var(--primary-color)}.preview-container{position:relative;max-width:100%;margin:1rem 0}.preview-image{max-width:100%;max-height:400px;border-radius:4px;cursor:crosshair}.crosshair{position:absolute;width:20px;height:20px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #000;pointer-events:none;transform:translate(-50%,-50%);display:none}.color-info{display:flex;align-items:center;margin:1rem 0;padding:1rem;background:#f8f9fa;border-radius:4px}.color-preview{width:60px;height:60px;border-radius:4px;border:2px solid #ddd;margin-right:1rem}.color-values{flex-grow:1}.color-value{font-family:monospace;font-size:1.1rem;margin:.25rem 0}.palette-container{margin-top:1rem}.palette{display:flex;margin-bottom:1rem;border-radius:4px;overflow:hidden}.palette-color{flex:1;height:80px;cursor:pointer;position:relative;transition:transform .2s}.palette-color:hover{transform:scale(1.05);z-index:1}.palette-color-info{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);color:#fff;font-size:.8rem;padding:.25rem;text-align:center;opacity:0;transition:opacity .2s}.palette-color:hover .palette-color-info{opacity:1}.color-history{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding:1rem;background:#f8f9fa;border-radius:4px}.history-color{width:40px;height:40px;border-radius:4px;border:2px solid #ddd;cursor:pointer;transition:transform .2s}.history-color:hover{transform:scale(1.1)}
/*# sourceMappingURL=color-extractor-content.css.map */