.drop-zone{border:2px dashed #ccc;padding:2rem;text-align:center;cursor:pointer;margin:1rem 0;transition:border-color 0.3s ease}.drop-zone.dragover{border-color:#0073aa}.export-btn{padding:.3rem 1rem;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;background-color:#fff0;border:1px solid #171717;border-radius:20px;color:#171717;white-space:nowrap;cursor:pointer;margin-top:30px;transform:translateX(-50%);left:50%;position:relative}#image-preview img{max-width:300px;height:auto;margin-top:1rem;border-radius:8px;box-shadow:0 2px 10px rgb(0 0 0 / .1)}#image-upload{background:#008ab5;color:#fff;padding:.8rem 1rem;border-radius:30px;margin-top:15px}.col-exe-sec h1{font-size:2rem;text-align:center}.col-exe-sec p{text-align:center}.error-message{color:#dc3232;margin-top:.5rem;display:none;font-size:.9em}.color-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-top:2rem}.color-swatch{text-align:center;cursor:pointer;transition:transform 0.2s;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 6px rgb(0 0 0 / .1)}.color-swatch:hover{transform:translateY(-5px)}.color-box{width:100%;height:100px;border-radius:8px;margin-bottom:.5rem;border:1px solid #ddd}.color-code{font-family:inherit;font-size:.9em;margin:.25rem 0;word-break:break-all}.upload-prompt{font-size:1.3rem;text-transform:uppercase;font-weight:500}@media (max-width:600px){.color-results{grid-template-columns:repeat(2,1fr)}.drop-zone{padding:1rem}#image-upload{width:100%;max-width:100%}}