@charset "UTF-8";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:#c678dd}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string{color:#98c379}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#d19a66}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-title.class_,.hljs-class .hljs-title{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}.code-generator[data-v-f7d55ab5]{width:100%;max-width:1200px;margin:0 auto;padding:20px}.code-generator .generator-container[data-v-f7d55ab5]{display:grid;grid-template-columns:350px 1fr;gap:20px}@media (max-width: 768px){.code-generator .generator-container[data-v-f7d55ab5]{grid-template-columns:1fr}}.code-generator .config-panel[data-v-f7d55ab5]{padding:20px;border-radius:18px;box-shadow:0 4px 24px #646cff14,0 1.5px 8px #0000000f;max-width:100%;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.code-generator .config-panel h2[data-v-f7d55ab5]{margin-top:0;margin-bottom:20px;font-size:1.5rem;color:var(--text-primary)}.code-generator .form-group[data-v-f7d55ab5]{margin-bottom:20px;width:100%}.code-generator .form-group input[data-v-f7d55ab5],.code-generator .form-group textarea[data-v-f7d55ab5],.code-generator .form-group select[data-v-f7d55ab5]{width:100%;max-width:100%;box-sizing:border-box}.code-generator .config-options[data-v-f7d55ab5]{display:flex;flex-direction:column;gap:12px;margin-top:10px}.code-generator .config-option-item[data-v-f7d55ab5]{display:flex;flex-direction:column;gap:6px}.code-generator .config-option-item label[data-v-f7d55ab5]{margin-bottom:4px;font-size:14px}.code-generator .config-option-item .checkbox-wrapper[data-v-f7d55ab5]{display:flex;align-items:center;gap:8px}.code-generator .config-option-item .checkbox-wrapper input[type=checkbox][data-v-f7d55ab5]{width:auto}.code-generator .config-option-item .checkbox-wrapper label[data-v-f7d55ab5]{margin-bottom:0}.code-generator label[data-v-f7d55ab5]{display:block;margin-bottom:8px;font-weight:500;color:var(--text-secondary)}.code-generator input[data-v-f7d55ab5],.code-generator textarea[data-v-f7d55ab5],.code-generator select[data-v-f7d55ab5]{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;background:var(--bg-primary);color:var(--text-primary)}.code-generator input[data-v-f7d55ab5]:focus,.code-generator textarea[data-v-f7d55ab5]:focus,.code-generator select[data-v-f7d55ab5]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-color-rgb),.2)}.code-generator textarea[data-v-f7d55ab5]{resize:vertical;min-height:100px}.preset-grid[data-v-f7d55ab5]{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-bottom:20px}.preset-item[data-v-f7d55ab5]{padding:10px;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;text-align:center;transition:all .2s;background:var(--bg-primary)}.preset-item[data-v-f7d55ab5]:hover,.preset-item.active[data-v-f7d55ab5]{border-color:var(--primary-color);background:rgba(var(--primary-color-rgb),.1)}.preset-item .preset-icon[data-v-f7d55ab5]{font-size:24px;margin-bottom:8px}.preset-item .preset-name[data-v-f7d55ab5]{font-size:14px;color:var(--text-secondary)}.generate-btn[data-v-f7d55ab5]{width:100%;padding:12px;background:linear-gradient(90deg,var(--primary-color) 0%,#a1c4fd 100%);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s,box-shadow .2s;box-shadow:0 2px 8px rgba(var(--primary-color-rgb),.1)}.generate-btn[data-v-f7d55ab5]:hover{opacity:.92;box-shadow:0 4px 16px rgba(var(--primary-color-rgb),.18)}.generate-btn[data-v-f7d55ab5]:disabled{opacity:.6;cursor:not-allowed}.error-message[data-v-f7d55ab5]{margin-top:10px;padding:10px;background:#ef44441a;border:1px solid #ef4444;border-radius:4px;color:#ef4444;font-size:14px}.progress-bar[data-v-f7d55ab5]{margin-top:10px;height:6px;background:var(--border-color);border-radius:3px;overflow:hidden}.progress-bar .progress-inner[data-v-f7d55ab5]{height:100%;background:var(--primary-color);transition:width .3s ease}.progress-bar .progress-text[data-v-f7d55ab5]{display:block;text-align:center;margin-top:5px;font-size:12px;color:var(--text-secondary)}.code-panel[data-v-f7d55ab5]{background:rgba(var(--primary-color-rgb),.12);border-radius:18px;box-shadow:0 4px 24px #646cff14,0 1.5px 8px #0000000f;overflow:hidden}.code-panel .code-header[data-v-f7d55ab5]{padding:15px 20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.code-panel .code-header h3[data-v-f7d55ab5]{margin:0;font-size:1.2rem;color:var(--text-primary)}.code-panel .code-actions[data-v-f7d55ab5]{display:flex;gap:10px}.code-panel .code-actions .action-btn[data-v-f7d55ab5]{padding:6px 12px;border:1px solid var(--primary-color);border-radius:4px;background:transparent;color:var(--primary-color);font-size:14px;cursor:pointer;transition:all .2s}.code-panel .code-actions .action-btn[data-v-f7d55ab5]:hover{background:var(--primary-color);color:#fff}.code-panel .code-preview[data-v-f7d55ab5]{height:600px;background:var(--bg-primary);overflow:hidden;max-width:100%}.code-panel .code-preview iframe[data-v-f7d55ab5]{width:100%;height:100%;border:none;max-width:100%}.code-panel .code-content[data-v-f7d55ab5]{padding:20px;overflow-x:auto}.code-panel .code-content .code-folded-notice[data-v-f7d55ab5],.code-panel .code-content .skip-animation-notice[data-v-f7d55ab5]{background:rgba(var(--primary-color-rgb),.1);padding:8px 15px;border-radius:6px 6px 0 0;margin-bottom:0;border-bottom:1px dashed var(--border-color);display:flex;justify-content:space-between;align-items:center}.code-panel .code-content .code-folded-notice p[data-v-f7d55ab5],.code-panel .code-content .skip-animation-notice p[data-v-f7d55ab5]{margin:0;color:var(--primary-color);font-size:14px}.code-panel .code-content .code-folded-notice .show-full-code-btn[data-v-f7d55ab5],.code-panel .code-content .code-folded-notice .skip-animation-btn[data-v-f7d55ab5],.code-panel .code-content .skip-animation-notice .show-full-code-btn[data-v-f7d55ab5],.code-panel .code-content .skip-animation-notice .skip-animation-btn[data-v-f7d55ab5]{padding:4px 8px;background:var(--primary-color);color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s}.code-panel .code-content .code-folded-notice .show-full-code-btn[data-v-f7d55ab5]:hover,.code-panel .code-content .code-folded-notice .skip-animation-btn[data-v-f7d55ab5]:hover,.code-panel .code-content .skip-animation-notice .show-full-code-btn[data-v-f7d55ab5]:hover,.code-panel .code-content .skip-animation-notice .skip-animation-btn[data-v-f7d55ab5]:hover{opacity:.9}.code-panel .code-content pre[data-v-f7d55ab5]{margin:0;padding:15px;background:var(--bg-primary);border-radius:0 0 6px 6px;font-family:Fira Code,monospace;font-size:14px;line-height:1.5;text-align:left;white-space:pre-wrap;word-break:break-all}.code-panel .code-content .empty-code[data-v-f7d55ab5]{text-align:center;padding:40px;color:var(--text-secondary)}.code-panel .code-content .empty-code p[data-v-f7d55ab5]{margin:0;font-size:16px}.theme-switcher[data-v-16f0c978]{margin:10px 0}.theme-switcher .theme-options[data-v-16f0c978]{display:flex;background-color:var(--bg-element);border-radius:8px;padding:4px;width:fit-content}.theme-switcher .theme-option[data-v-16f0c978]{display:flex;align-items:center;padding:8px 12px;border:none;background:transparent;border-radius:6px;cursor:pointer;transition:all .2s ease;color:var(--text-primary)}.theme-switcher .theme-option[data-v-16f0c978]:hover{background-color:rgba(var(--primary-color-rgb),.1)}.theme-switcher .theme-option.active[data-v-16f0c978]{background-color:var(--primary-color);color:#fff}.theme-switcher .theme-option .theme-icon[data-v-16f0c978]{margin-right:6px;font-size:16px}.theme-switcher .theme-option .theme-label[data-v-16f0c978]{font-size:14px;font-weight:500}:root{--primary-color: #646cff;--primary-color-rgb: 100, 108, 255;--bg-primary: #ffffff;--bg-element: #f5f5f5;--text-primary: #213547;--text-secondary: #4a5568;--border-color: #e2e8f0}[data-theme=dark]{--primary-color: #818cf8;--primary-color-rgb: 129, 140, 248;--bg-primary: #1a1a1a;--bg-element: #2a2a2a;--text-primary: rgba(255, 255, 255, .87);--text-secondary: #a0aec0;--border-color: #4a5568}body{background-color:var(--bg-primary);color:var(--text-primary);margin:0;padding:0;min-height:100vh;transition:background-color .3s,color .3s}.app-container{display:flex;flex-direction:column;min-height:100vh}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;border-bottom:1px solid var(--border-color)}.app-header .app-logo{display:flex;align-items:center}.app-header .app-logo .logo{height:2.5rem;margin-right:1rem}.app-header .app-logo h1{font-size:1.5rem;margin:0;color:var(--primary-color)}.app-content{flex:1;padding:2rem;max-width:1280px;margin:0 auto;width:100%}.app-footer{text-align:center;padding:1rem;border-top:1px solid var(--border-color);color:var(--text-secondary);font-size:.875rem}