:root{--bg-primary:#fff;--bg-secondary:#fff;--bg-tertiary:#f8fafc;--text-primary:#1e293b;--text-secondary:#64748b;--text-tertiary:#94a3b8;--border-color:#e2e8f0;--accent:#10b981;--accent-hover:#059669;--accent-light:#d1fae5;--success:#10b981;--shadow:0 1px 2px 0 #0000000d;--shadow-lg:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a}.dark{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-tertiary:#64748b;--border-color:#334155;--accent:#34d399;--accent-hover:#6ee7b7;--accent-light:#064e3b;--success:#34d399}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;transition:background-color .3s,color .3s}#app{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:100%;margin:0 auto;padding:0 16px}@media (width>=768px){.container{max-width:800px;padding:0 24px}}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);background-color:#0000}.btn-secondary:hover{background-color:var(--bg-tertiary)}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:16px;transition:all .2s}.card:hover{border-color:var(--accent);box-shadow:var(--shadow-lg)}.option-card{cursor:pointer;text-align:left;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;align-items:flex-start;gap:12px;padding:14px 16px;transition:all .2s;display:flex}.option-card:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.option-card.selected{border-color:var(--accent);background-color:var(--accent-light)}.option-card-icon{flex-shrink:0;font-size:20px}.option-card-content{flex:1}.option-card h3{color:var(--text-primary);margin-bottom:3px;font-size:14px;font-weight:600}.option-card p{color:var(--text-secondary);font-size:12px;line-height:1.4}.group-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);margin:24px 0 12px;font-size:11px;font-weight:600}.group-label:first-of-type{margin-top:0}.checkbox-option{background-color:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;transition:all .2s;display:flex}.checkbox-option:hover{border-color:var(--accent)}.checkbox-option.selected{border-color:var(--accent);background-color:var(--accent-light)}.checkbox-option input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.checkbox-option label{cursor:pointer;color:var(--text-primary);font-size:14px;font-weight:500}.color-card{cursor:pointer;text-align:left;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:12px;transition:all .2s}.color-card:hover{border-color:var(--accent);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.color-card.selected{border-color:var(--accent);background-color:var(--accent-light)}.color-preview{border-radius:8px;height:36px;margin-bottom:10px;display:flex;overflow:hidden}.color-strip{flex:1;height:100%}.color-name{color:var(--text-primary);font-size:13px;font-weight:600}textarea{border:1px solid var(--border-color);resize:vertical;background-color:var(--bg-secondary);width:100%;min-height:140px;color:var(--text-primary);border-radius:12px;padding:14px 16px;font-family:inherit;font-size:14px;transition:border-color .2s}textarea:focus{border-color:var(--accent);outline:none}.prompt-output{background-color:var(--bg-tertiary);border:1px solid var(--border-color);white-space:pre-wrap;word-break:break-word;color:var(--text-primary);border-radius:12px;max-height:380px;padding:20px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;line-height:1.7;overflow-y:auto}.grid-3{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width<=768px){.container{padding:0 16px}.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.grid-3,.grid-2{grid-template-columns:1fr}}.form-group{margin-bottom:16px}.form-group:last-child{margin-bottom:0}.form-group label{color:var(--text-primary);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.form-group input[type=text],.form-group textarea{border:1px solid var(--border-color);background-color:var(--bg-secondary);width:100%;color:var(--text-primary);border-radius:10px;padding:12px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.form-group input[type=text]:focus,.form-group textarea:focus{border-color:var(--accent);outline:none}.form-group textarea{resize:vertical;min-height:80px}.layout-section{margin-bottom:24px}.layout-section:last-child{margin-bottom:0}.header[data-v-7d70e4b4]{border-bottom:1px solid var(--border-color);padding:16px 0}.header-content[data-v-7d70e4b4]{justify-content:space-between;align-items:center;display:flex}.header-left[data-v-7d70e4b4]{align-items:center;gap:12px;display:flex}.logo[data-v-7d70e4b4]{align-items:center;gap:8px;display:flex}.logo-icon[data-v-7d70e4b4]{color:#fff;background:linear-gradient(135deg,#10b981,#3b82f6);border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.logo-text[data-v-7d70e4b4]{color:var(--text-primary);font-size:14px;font-weight:600}.header-right[data-v-7d70e4b4]{align-items:center;gap:12px;display:flex}.beta-badge[data-v-7d70e4b4]{background-color:var(--bg-tertiary);color:var(--text-secondary);border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.lang-toggle[data-v-7d70e4b4]{border:1px solid var(--border-color);background-color:var(--bg-tertiary);cursor:pointer;width:42px;height:24px;color:var(--text-primary);border-radius:12px;justify-content:center;align-items:center;font-size:12px;font-weight:600;transition:all .2s;display:flex}.lang-toggle[data-v-7d70e4b4]:hover{border-color:var(--accent)}.theme-toggle[data-v-7d70e4b4]{border:1px solid var(--border-color);background-color:var(--bg-tertiary);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:36px;height:24px;font-size:14px;transition:all .2s;display:flex}.theme-toggle[data-v-7d70e4b4]:hover{border-color:var(--accent)}.main[data-v-7d70e4b4]{flex:1;padding:40px 0 100px}.step-header[data-v-7d70e4b4]{justify-content:space-between;align-items:flex-start;margin-bottom:32px;display:flex}.step-header-left[data-v-7d70e4b4]{flex:1}.step-title[data-v-7d70e4b4]{color:var(--text-primary);margin-bottom:8px;font-size:22px;font-weight:700}.step-subtitle[data-v-7d70e4b4]{color:var(--text-secondary);font-size:14px}.step-counter[data-v-7d70e4b4]{background-color:var(--bg-tertiary);color:var(--text-secondary);border-radius:20px;padding:6px 14px;font-size:13px;font-weight:500}.step-content[data-v-7d70e4b4]{min-height:300px}.step-footer[data-v-7d70e4b4]{justify-content:space-between;align-items:center;margin-top:40px;display:flex}.step-footer-left[data-v-7d70e4b4],.step-footer-right[data-v-7d70e4b4]{gap:12px;display:flex}.bottom-progress[data-v-7d70e4b4]{background-color:var(--bg-primary);border-top:1px solid var(--border-color);padding:16px 0 20px;position:fixed;bottom:0;left:0;right:0}.bottom-progress-bar[data-v-7d70e4b4]{background-color:var(--border-color);height:3px;margin-bottom:16px;position:relative;overflow:hidden}.bottom-progress-fill[data-v-7d70e4b4]{background:linear-gradient(90deg,#3b82f6,#10b981);height:100%;transition:width .3s}.bottom-steps[data-v-7d70e4b4]{justify-content:center;align-items:center;gap:24px;display:flex}.bottom-step[data-v-7d70e4b4]{cursor:pointer;opacity:.5;flex-direction:column;align-items:center;gap:6px;transition:opacity .2s;display:flex}.bottom-step.active[data-v-7d70e4b4],.bottom-step.completed[data-v-7d70e4b4]{opacity:1}.bottom-step-circle[data-v-7d70e4b4]{border:2px solid var(--border-color);width:24px;height:24px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:600;transition:all .2s;display:flex}.bottom-step.active .bottom-step-circle[data-v-7d70e4b4]{border-color:var(--accent);background-color:var(--accent);color:#fff}.bottom-step.completed .bottom-step-circle[data-v-7d70e4b4]{border-color:var(--success);background-color:var(--success);color:#fff}.bottom-step-label[data-v-7d70e4b4]{color:var(--text-tertiary);font-size:11px}.bottom-step.active .bottom-step-label[data-v-7d70e4b4]{color:var(--accent);font-weight:600}@media (width<=768px){.step-title[data-v-7d70e4b4]{font-size:24px}.step-header[data-v-7d70e4b4]{flex-direction:column;gap:16px}.step-counter[data-v-7d70e4b4]{align-self:flex-start}.bottom-step-label[data-v-7d70e4b4]{display:none}.bottom-steps[data-v-7d70e4b4]{gap:16px}}