.icon-generator-container[data-v-b65bb5f2]{max-width:1200px;margin:0 auto;padding:20px}.page-header[data-v-b65bb5f2]{text-align:center;margin-bottom:30px}.page-header h1[data-v-b65bb5f2]{color:#2c3e50;margin-bottom:10px;font-size:28px}.page-description[data-v-b65bb5f2]{color:#7f8c8d;font-size:16px;line-height:1.6}.main-content[data-v-b65bb5f2]{display:flex;flex-direction:column;gap:20px}.upload-card .upload-dragger[data-v-b65bb5f2]{width:100%}.upload-content[data-v-b65bb5f2]{padding:40px;text-align:center}.upload-content i[data-v-b65bb5f2]{font-size:67px;color:#c0c4cc;margin-bottom:16px}.preview-content[data-v-b65bb5f2]{position:relative;display:flex;justify-content:center;align-items:center;min-height:200px}.preview-image[data-v-b65bb5f2]{max-width:200px;max-height:200px;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.1)}.upload-overlay[data-v-b65bb5f2]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity .3s;border-radius:8px}.preview-content:hover .upload-overlay[data-v-b65bb5f2]{opacity:1}.size-options[data-v-b65bb5f2]{display:flex;flex-wrap:wrap;gap:10px}.icons-grid[data-v-b65bb5f2]{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px;margin-top:20px}.icon-item[data-v-b65bb5f2]{border:1px solid #e4e7ed;border-radius:8px;padding:15px;text-align:center;transition:all .3s}.icon-item[data-v-b65bb5f2]:hover{border-color:#409eff;box-shadow:0 2px 12px rgba(64,158,255,.2)}.icon-preview[data-v-b65bb5f2]{margin-bottom:10px}.icon-preview img[data-v-b65bb5f2]{width:64px;height:64px;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.icon-info p[data-v-b65bb5f2]{margin:5px 0;font-size:12px;color:#666}.icon-name[data-v-b65bb5f2]{font-weight:700;color:#333!important}.help-content h4[data-v-b65bb5f2]{color:#2c3e50;margin:15px 0 10px 0}.help-content ul[data-v-b65bb5f2]{margin:0 0 15px 20px}.help-content li[data-v-b65bb5f2]{margin:5px 0;line-height:1.6}@media (max-width:768px){.icon-generator-container[data-v-b65bb5f2]{padding:10px}.icons-grid[data-v-b65bb5f2]{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px}.size-options[data-v-b65bb5f2]{flex-direction:column}}