:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#2d3748;background-color:#f7fafc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#app{width:100%;height:100vh;margin:0;padding:0}*,*:before,*:after{box-sizing:border-box}button{font-family:inherit}.app-background[data-v-50c3b690]{width:100vw;height:100vh;background-color:#f5f7fa;display:flex;justify-content:center;overflow:hidden}.app-container[data-v-50c3b690]{display:flex;height:100%;width:100%;max-width:1200px;background-color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#333;box-shadow:0 0 20px #0000000d}@media (max-width: 768px){.app-background[data-v-50c3b690]{height:auto;min-height:100vh;overflow-y:auto}.app-container[data-v-50c3b690]{flex-direction:column;height:auto;min-height:100vh}.left-panel[data-v-50c3b690]{flex:0 0 auto!important;width:100%;border-right:none!important;border-bottom:1px solid #e0e0e0;padding:20px!important}.right-panel[data-v-50c3b690]{flex:1 0 auto!important;width:100%;overflow-y:visible!important;padding:20px!important}}.left-panel[data-v-50c3b690]{flex:0 0 300px;background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;padding:20px;z-index:10}.right-panel[data-v-50c3b690]{flex:1;display:flex;flex-direction:column;padding:20px;overflow-y:auto;gap:15px}h1[data-v-50c3b690]{color:#2c3e50;margin-bottom:20px;font-size:1.5rem;text-align:center}h2[data-v-50c3b690]{font-size:1.1rem;margin-bottom:15px;color:#495057;font-weight:600}.upload-section[data-v-50c3b690]{flex:1;display:flex;flex-direction:column;align-items:center}.file-input-wrapper[data-v-50c3b690]{width:100%;text-align:center;margin-bottom:20px}.file-name[data-v-50c3b690]{margin-top:8px;font-weight:500;color:#495057;word-break:break-all;font-size:.9rem}.preview-original[data-v-50c3b690]{width:100%;display:flex;flex-direction:column;align-items:center;flex:1}.img-wrapper[data-v-50c3b690]{margin-top:10px;padding:10px;border:1px dashed #ced4da;border-radius:8px;background:#f8f9fa;display:flex;justify-content:center;align-items:center;width:100%;max-height:250px;overflow:hidden}.original-img[data-v-50c3b690]{max-width:100%;max-height:100%;object-fit:contain;border-radius:4px}.placeholder-text[data-v-50c3b690]{color:#adb5bd;text-align:center;margin-top:30px;font-style:italic;font-size:.9rem}.settings-section[data-v-50c3b690]{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 8px #0000000d;flex-shrink:0;border:1px solid #edf2f7}.tabs-nav[data-v-50c3b690]{display:flex;gap:5px;border-bottom:2px solid #edf2f7;margin-bottom:15px;overflow-x:auto;padding-bottom:2px}.tab-btn[data-v-50c3b690]{padding:8px 16px;background:transparent;border:none;cursor:pointer;font-weight:500;color:#718096;border-bottom:2px solid transparent;margin-bottom:-4px;transition:all .2s;white-space:nowrap}.tab-btn[data-v-50c3b690]:hover{color:#2d3748}.tab-btn.active[data-v-50c3b690]{color:#3182ce;border-bottom-color:#3182ce;font-weight:600}.tab-content[data-v-50c3b690]{min-height:150px}.group-actions[data-v-50c3b690]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:10px}.group-select-btns[data-v-50c3b690]{display:flex;gap:8px}.custom-input-wrapper[data-v-50c3b690]{display:flex;gap:5px}.sizes-grid[data-v-50c3b690]{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.size-checkbox[data-v-50c3b690]{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;padding:6px 12px;border-radius:6px;transition:all .2s cubic-bezier(.4,0,.2,1);color:#4a5568;border:1px solid #e2e8f0;font-size:.85rem;background:#fff;-webkit-user-select:none;user-select:none;min-width:80px}.size-checkbox[data-v-50c3b690]:hover{background:#edf2f7;border-color:#cbd5e0}.size-checkbox.active[data-v-50c3b690]{background-color:#ebf8ff;color:#2b6cb0;border-color:#bee3f8;font-weight:500}.remove-icon[data-v-50c3b690]{font-size:1.1rem;color:#a0aec0;padding:0 4px;line-height:1;border-radius:50%}.remove-icon[data-v-50c3b690]:hover{color:#e53e3e;background:#fff5f5}.empty-state[data-v-50c3b690]{width:100%;text-align:center;color:#a0aec0;padding:20px;font-style:italic}.actions-footer[data-v-50c3b690]{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:15px;border-top:1px solid #edf2f7}.selection-summary[data-v-50c3b690]{color:#718096;font-size:.9rem}.btn-primary[data-v-50c3b690],.btn-secondary[data-v-50c3b690],.btn-download[data-v-50c3b690],.btn-sm[data-v-50c3b690],.btn-xs[data-v-50c3b690]{border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s}.btn-primary[data-v-50c3b690]{background:linear-gradient(135deg,#3182ce,#2b6cb0);color:#fff;padding:10px 24px;box-shadow:0 4px 6px #3182ce33}.btn-primary[data-v-50c3b690]:hover{background:linear-gradient(135deg,#4299e1,#3182ce);transform:translateY(-1px);box-shadow:0 6px 8px #3182ce4d}.btn-primary[data-v-50c3b690]:disabled{background:#cbd5e0;cursor:not-allowed;transform:none;box-shadow:none}.btn-download[data-v-50c3b690]{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;padding:8px 16px;font-size:.9rem;box-shadow:0 4px 6px #48bb7833}.btn-download[data-v-50c3b690]:hover{background:linear-gradient(135deg,#68d391,#48bb78);transform:translateY(-1px)}.btn-sm[data-v-50c3b690]{padding:6px 12px;font-size:.85rem;background:#edf2f7;color:#4a5568}.btn-sm[data-v-50c3b690]:hover{background:#e2e8f0}.btn-xs[data-v-50c3b690]{padding:4px 8px;font-size:.75rem;background:#e2e8f0;color:#4a5568}.btn-xs.outline[data-v-50c3b690]{background:transparent;border:1px solid #cbd5e0}.btn-xs[data-v-50c3b690]:hover{background:#cbd5e0}.input-sm[data-v-50c3b690]{padding:6px 10px;border:1px solid #cbd5e0;border-radius:6px;font-size:.85rem;width:160px}.results-section[data-v-50c3b690]{background:#fff;padding:15px;border-radius:12px;box-shadow:0 4px 6px #0000000d;border:1px solid #edf2f7;flex:1;display:flex;flex-direction:column;min-height:0}.results-header[data-v-50c3b690]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;flex-shrink:0}.icons-scroll-area[data-v-50c3b690]{flex:1;overflow-y:auto;padding-right:5px}.icons-grid[data-v-50c3b690]{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;padding-bottom:10px}.icon-card[data-v-50c3b690]{border:1px solid #e9ecef;border-radius:8px;padding:8px;text-align:center;background:#fff;transition:transform .2s}.icon-card[data-v-50c3b690]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d;border-color:#adb5bd}.icon-preview[data-v-50c3b690]{height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;background:#f8f9fa;border-radius:6px;overflow:hidden}.icon-preview img[data-v-50c3b690]{max-width:100%;max-height:100%;object-fit:contain}.icon-info[data-v-50c3b690]{display:flex;flex-direction:column;gap:4px;font-size:.8rem;color:#495057}.download-link[data-v-50c3b690]{color:#228be6;text-decoration:none;font-weight:500;padding:2px;border-radius:4px}.download-link[data-v-50c3b690]:hover{background-color:#e7f5ff}[data-v-50c3b690]::-webkit-scrollbar{width:8px;height:8px}[data-v-50c3b690]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}[data-v-50c3b690]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}[data-v-50c3b690]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}