.home[data-v-2ddb3e0f]{max-width:800px;margin:0 auto;padding:20px 20px 60px}.top-bar[data-v-2ddb3e0f]{justify-content:flex-end;margin-bottom:20px;display:flex}.lang-toggle[data-v-2ddb3e0f]{padding:6px 14px;font-size:13px;font-weight:600}.hero[data-v-2ddb3e0f]{text-align:center;margin-bottom:60px}.hero h1[data-v-2ddb3e0f]{color:#4f46e5;margin:0;font-size:48px;font-weight:800}.subtitle[data-v-2ddb3e0f]{color:#555;margin:8px 0;font-size:20px}.desc[data-v-2ddb3e0f]{color:#888;max-width:500px;margin:12px auto 24px;font-size:14px}.features[data-v-2ddb3e0f]{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature[data-v-2ddb3e0f]{text-align:center;border:1px solid #eee;border-radius:12px;padding:24px}.feature-icon[data-v-2ddb3e0f]{color:#fff;background:#4f46e5;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto 12px;font-weight:700;display:flex}.feature h3[data-v-2ddb3e0f]{margin:0 0 6px;font-size:16px}.feature p[data-v-2ddb3e0f]{color:#666;margin:0;font-size:13px}@media (width<=600px){.features[data-v-2ddb3e0f]{grid-template-columns:1fr}.hero h1[data-v-2ddb3e0f]{font-size:32px}}.image-uploader[data-v-345d9ba0]{text-align:center;border:2px dashed #ccc;border-radius:8px;justify-content:center;align-items:center;min-height:200px;padding:16px;display:flex}.upload-area[data-v-345d9ba0]{cursor:pointer;width:100%}.upload-icon[data-v-345d9ba0]{color:#999;font-size:48px;line-height:1}.hint[data-v-345d9ba0]{color:#aaa;font-size:12px}.preview-area[data-v-345d9ba0]{flex-direction:column;align-items:center;gap:8px;display:flex}.preview-img[data-v-345d9ba0]{border-radius:4px;max-width:100%;max-height:180px}.preview-actions[data-v-345d9ba0]{gap:8px;display:flex}.hidden[data-v-345d9ba0]{display:none}.pixel-canvas-wrapper[data-v-6b2152fc]{background:#1a1a2e;border-radius:8px;width:100%;height:100%;position:relative;overflow:hidden}.canvas-toolbar[data-v-6b2152fc]{z-index:10;background:#ffffff1a;border-radius:4px;align-items:center;gap:8px;padding:4px 8px;display:flex;position:absolute;top:8px;right:8px}.zoom-info[data-v-6b2152fc]{color:#ccc;text-align:center;min-width:40px;font-size:12px}.pixel-canvas[data-v-6b2152fc]{cursor:crosshair;width:100%;height:100%}.cell-info[data-v-6b2152fc]{color:#fff;background:#000000b3;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:flex;position:absolute;bottom:8px;left:8px}.color-dot[data-v-6b2152fc]{border:1px solid #ffffff4d;border-radius:2px;width:12px;height:12px}.grid-editor[data-v-bc04ff2a]{flex-direction:column;gap:12px;padding:12px;display:flex}.editor-section[data-v-bc04ff2a]{flex-direction:column;gap:4px;display:flex}.editor-section>label[data-v-bc04ff2a]{color:#555;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.size-inputs[data-v-bc04ff2a]{align-items:center;gap:8px;display:flex}.input-group[data-v-bc04ff2a]{color:#666;align-items:center;gap:4px;font-size:13px;display:flex}.size-select[data-v-bc04ff2a],.brand-select[data-v-bc04ff2a]{background:#fff;border:1px solid #ddd;border-radius:4px;flex:1;padding:6px 8px;font-size:13px}.size-x[data-v-bc04ff2a]{color:#999;font-weight:600}.title-input[data-v-bc04ff2a]{border:1px solid #ddd;border-radius:4px;padding:6px 8px;font-size:13px}.btn-generate[data-v-bc04ff2a]{margin-top:4px}.progress-bar[data-v-bc04ff2a]{background:#eee;border-radius:2px;height:4px;overflow:hidden}.progress-fill[data-v-bc04ff2a]{background:#4f46e5;height:100%;transition:width .3s}.toggle[data-v-bc04ff2a]{width:40px;height:22px;display:inline-block;position:relative}.toggle input[data-v-bc04ff2a]{display:none}.toggle-slider[data-v-bc04ff2a]{cursor:pointer;background:#ccc;border-radius:22px;transition:all .3s;position:absolute;inset:0}.toggle-slider[data-v-bc04ff2a]:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;bottom:3px;left:3px}.toggle input:checked+.toggle-slider[data-v-bc04ff2a]{background:#4f46e5}.toggle input:checked+.toggle-slider[data-v-bc04ff2a]:before{transform:translate(18px)}.color-palette[data-v-594d7769]{padding:12px}.color-palette h3[data-v-594d7769]{color:#333;margin:0 0 8px;font-size:14px}.empty[data-v-594d7769]{color:#999;text-align:center;padding:20px;font-size:13px}.stats-list[data-v-594d7769]{max-height:400px;overflow-y:auto}.stat-row[data-v-594d7769]{cursor:pointer;border-radius:4px;align-items:center;gap:6px;padding:4px 6px;font-size:12px;display:flex}.stat-row[data-v-594d7769]:hover{background:#f0f0f0}.stat-row.active[data-v-594d7769]{background:#e0f0ff}.color-swatch[data-v-594d7769]{border:1px solid #00000026;border-radius:2px;flex-shrink:0;width:14px;height:14px}.color-code[data-v-594d7769]{min-width:40px;font-weight:600}.color-name[data-v-594d7769]{color:#666;flex:1}.color-count[data-v-594d7769]{color:#333;font-weight:600}.stats-summary[data-v-594d7769]{color:#666;text-align:center;border-top:1px solid #eee;margin-top:8px;padding-top:8px;font-size:12px}.export-dialog[data-v-5f2aab9e]{padding:12px}.export-dialog h3[data-v-5f2aab9e]{color:#333;margin:0 0 8px;font-size:14px}.empty[data-v-5f2aab9e]{color:#999;text-align:center;padding:16px;font-size:13px}.export-options[data-v-5f2aab9e]{flex-direction:column;gap:8px;display:flex}.export-option-row[data-v-5f2aab9e]{margin-bottom:4px}.toggle-label[data-v-5f2aab9e]{color:#555;cursor:pointer;align-items:center;gap:6px;font-size:12px;display:flex}.toggle-label input[data-v-5f2aab9e]{cursor:pointer}.btn-export[data-v-5f2aab9e]{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;align-items:center;gap:10px;padding:10px 12px;transition:all .2s;display:flex}.btn-export[data-v-5f2aab9e]:hover{background:#f8f7ff;border-color:#4f46e5}.btn-export[data-v-5f2aab9e]:disabled{opacity:.5;cursor:not-allowed}.export-icon[data-v-5f2aab9e]{color:#4f46e5;min-width:32px;font-size:13px;font-weight:700}.export-desc[data-v-5f2aab9e]{color:#666;font-size:12px}.color-picker-popup[data-v-3dd9273f]{z-index:100;background:#fff;border:1px solid #ddd;border-radius:8px;max-width:280px;padding:8px;position:fixed;box-shadow:0 4px 16px #00000026}.picker-header[data-v-3dd9273f]{color:#333;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.close-btn[data-v-3dd9273f]{cursor:pointer;color:#999;background:0 0;border:none;font-size:18px;line-height:1}.picker-colors[data-v-3dd9273f]{flex-wrap:wrap;gap:3px;max-height:200px;display:flex;overflow-y:auto}.color-option[data-v-3dd9273f]{cursor:pointer;border:2px solid #0000;border-radius:3px;width:20px;height:20px;transition:transform .1s}.color-option[data-v-3dd9273f]:hover{z-index:1;transform:scale(1.2)}.color-option.active[data-v-3dd9273f]{border-color:#f60}.editor-layout[data-v-79512e01]{grid-template-columns:260px 1fr 240px;height:100vh;display:grid;overflow:hidden}.sidebar[data-v-79512e01]{background:#fafafa;border-right:1px solid #eee;overflow-y:auto}.sidebar-header[data-v-79512e01]{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.logo-link[data-v-79512e01]{color:#4f46e5;font-size:18px;font-weight:800;text-decoration:none}.header-actions[data-v-79512e01]{gap:4px;display:flex}.lang-btn[data-v-79512e01]{min-width:32px;font-size:11px;font-weight:700}.sidebar-right[data-v-79512e01]{border-left:1px solid #eee;border-right:none}.canvas-area[data-v-79512e01]{background:#1a1a2e;overflow:hidden}.dark .sidebar[data-v-79512e01]{background:#1e1e2e;border-color:#333}.dark .sidebar-header[data-v-79512e01]{border-color:#333}.dark .canvas-area[data-v-79512e01]{background:#0d0d1a}.autosave-toast[data-v-79512e01]{color:#fff;z-index:200;background:#000000b3;border-radius:4px;padding:6px 12px;font-size:12px;position:fixed;bottom:16px;right:16px}.mobile-header[data-v-79512e01],.mobile-tabs[data-v-79512e01],.mobile-panels[data-v-79512e01]{display:none}@media (width<=900px){.editor-layout[data-v-79512e01]{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.desktop-only[data-v-79512e01]{display:none!important}.mobile-header[data-v-79512e01]{background:#fafafa;border-bottom:1px solid #eee;flex-shrink:0;justify-content:space-between;align-items:center;height:50px;padding:0 12px;display:flex}.mobile-header .logo-link[data-v-79512e01]{font-size:16px}.canvas-area[data-v-79512e01]{flex:1;min-height:0;overflow:hidden}.mobile-panels[data-v-79512e01]{background:#fafafa;flex-shrink:0;max-height:50vh;display:block;overflow-y:auto}.mobile-panel[data-v-79512e01]{padding:12px}.mobile-tabs[data-v-79512e01]{background:#fff;border-top:1px solid #eee;flex-shrink:0;height:56px;display:flex}.tab-btn[data-v-79512e01]{color:#666;cursor:pointer;background:0 0;border:none;flex:1;padding:8px 0;font-size:12px;font-weight:500}.tab-btn.active[data-v-79512e01]{color:#4f46e5;font-weight:600}.dark .mobile-header[data-v-79512e01],.dark .mobile-tabs[data-v-79512e01]{background:#1e1e2e;border-color:#333}.dark .mobile-panels[data-v-79512e01]{background:#1e1e2e}.dark .tab-btn[data-v-79512e01]{color:#999}.dark .tab-btn.active[data-v-79512e01]{color:#818cf8}}*{box-sizing:border-box}:root{--primary:#4f46e5;--primary-light:#6366f1;--danger:#ef4444;--bg:#fff;--bg-alt:#f5f5f5;--text:#1f2937;--text-muted:#6b7280;--border:#e5e7eb;--radius:6px}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#app{width:100%;min-height:100vh}.btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text);cursor:pointer;justify-content:center;align-items:center;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn:hover{background:var(--bg-alt);border-color:#ccc}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-light);border-color:var(--primary-light)}.btn-danger{color:var(--danger);border-color:var(--danger)}.btn-danger:hover{background:#fef2f2}.btn-sm{padding:4px 10px;font-size:12px}.btn-lg{padding:12px 32px;font-size:16px}.btn:disabled{opacity:.5;cursor:not-allowed}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}