.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-image{max-width:100%;max-height:300px;margin:1rem 0}.size-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;margin:1rem 0}.size-option{border:1px solid #ddd;border-radius:4px;padding:.5rem;text-align:center;cursor:pointer;transition:all .3s ease}.size-option:hover{border-color:var(--primary-color);background-color:var(--light)}.size-option.selected{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.preview-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem;margin-top:1rem;padding:1rem;background:#f8f9fa;border-radius:4px}.preview-box{text-align:center}.preview-box canvas{border:1px solid #ddd;border-radius:4px;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAYdEVYdFRpdGxlAENhbnZhcyBUcmFuc3BhcmVuY3n8B+zWAAAAFXRFWHRBdXRob3IATGFwbyBDYWxhbWFuZHJlaTPJ9x8AAABDdEVYdERlc2NyaXB0aW9uAFRyYW5zcGFyZW50IGNhbnZhcyBiYWNrZ3JvdW5kIHBhdHRlcm4gZm9yIHVzZSBpbiBJbmtzY2FwZcxQVX8AAAAXdEVYdENyZWF0aW9uIFRpbWUAMjAyMy0wNi0yMJth4BwAAAAJdEVYdFNvZnR3YXJlAF1w/zoAAAALdEVYdERpc2NsYWltZXIAt8C0jwAAAAh0RVh0V2FybmluZwDAG+aHAAAAB3RFWHRTb3VyY2UA9f+D6wAAAAh0RVh0Q29tbWVudAD2zJa/AAAABnRFWHRUaXRsZQCo7tInAAAAL0lEQVQ4jWP8//8/AyWAiYFCMGrAqAEjwQAmBgoB4//RwajB8A0gCaCQAaQCGDAAAJkSBAaT6dZxAAAAAElFTkSuQmCC')}.preview-size{font-size:.8rem;color:#666;margin-top:.25rem}
/*# sourceMappingURL=image-to-icon-content.css.map */