.container.svelte-ovdswp{padding:4rem 0}.container.svelte-ovdswp .generator-grid:where(.svelte-ovdswp){grid-template-columns:1.2fr 1fr;align-items:start;gap:2rem;display:grid}.container.svelte-ovdswp .generator-grid:where(.svelte-ovdswp) h3:where(.svelte-ovdswp){margin-top:0;margin-bottom:0}.container.svelte-ovdswp .form-card:where(.svelte-ovdswp),.container.svelte-ovdswp .preview-card:where(.svelte-ovdswp){border-radius:12px;padding:2rem}.container.svelte-ovdswp .preview-card:where(.svelte-ovdswp){padding-top:0}.container.svelte-ovdswp div.form-card:where(.svelte-ovdswp){border:1px solid var(--border-color);background:#fff}.container.svelte-ovdswp div.form-card:where(.svelte-ovdswp) pre:where(.svelte-ovdswp){color:#333;background:#f5f5f5;border-radius:8px;padding:.6rem .8rem;font-size:.85rem;overflow-x:auto;font-family:Fira Code,monospace!important}.container.svelte-ovdswp p.info:where(.svelte-ovdswp){color:#333;margin-top:20px;margin-bottom:0;font-size:.85rem;position:relative}.drop-zone.svelte-ovdswp{border:2px dashed var(--border-color);text-align:center;cursor:pointer;vertical-align:middle;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;height:100px;margin:2rem 0;transition:all .2s;display:flex}.drop-zone.complete.svelte-ovdswp{border:2px solid var(--border-color);cursor:default}.drop-zone.complete.svelte-ovdswp:hover{border:2px solid var(--border-color)}.drop-zone.svelte-ovdswp:hover{border-color:var(--primary-color)}.drop-zone.svelte-ovdswp i:where(.svelte-ovdswp){color:#777;margin-bottom:10px;font-size:1.8rem;display:block}.drop-zone.svelte-ovdswp p.info:where(.svelte-ovdswp){margin:0}.drop-zone.svelte-ovdswp button.delete:where(.svelte-ovdswp){color:#888;cursor:pointer;background:0 0;border:none;border-radius:4px;margin-top:10px;padding:.5rem .7rem;font-size:.85rem}.drop-zone.svelte-ovdswp button.delete:where(.svelte-ovdswp):hover{color:#ff4d4d;background:#ff00001a}.code-block.svelte-ovdswp{color:#d4d4d4;background:#1e1e1e;border-radius:10px;flex:1;padding:20px;font-size:.9rem;box-shadow:0 20px 40px #0003;width:400px!important}.code-block.svelte-ovdswp pre code.hljs{padding:1em;display:block;overflow-x:auto}.code-block.svelte-ovdswp code.hljs{padding:3px 5px}.code-block.svelte-ovdswp .hljs{color:#c9d1d9;background:#0d1117}.code-block.svelte-ovdswp .hljs-doctag,.code-block.svelte-ovdswp .hljs-keyword,.code-block.svelte-ovdswp .hljs-meta .hljs-keyword,.code-block.svelte-ovdswp .hljs-template-tag,.code-block.svelte-ovdswp .hljs-template-variable,.code-block.svelte-ovdswp .hljs-type,.code-block.svelte-ovdswp .hljs-variable.language_{color:#ff7b72}.code-block.svelte-ovdswp .hljs-title,.code-block.svelte-ovdswp .hljs-title.class_,.code-block.svelte-ovdswp .hljs-title.class_.inherited__,.code-block.svelte-ovdswp .hljs-title.function_{color:#d2a8ff}.code-block.svelte-ovdswp .hljs-attr,.code-block.svelte-ovdswp .hljs-attribute,.code-block.svelte-ovdswp .hljs-literal,.code-block.svelte-ovdswp .hljs-meta,.code-block.svelte-ovdswp .hljs-number,.code-block.svelte-ovdswp .hljs-operator,.code-block.svelte-ovdswp .hljs-variable,.code-block.svelte-ovdswp .hljs-selector-attr,.code-block.svelte-ovdswp .hljs-selector-class,.code-block.svelte-ovdswp .hljs-selector-id{color:#79c0ff}.code-block.svelte-ovdswp .hljs-regexp,.code-block.svelte-ovdswp .hljs-string,.code-block.svelte-ovdswp .hljs-meta .hljs-string{color:#a5d6ff}.code-block.svelte-ovdswp .hljs-built_in,.code-block.svelte-ovdswp .hljs-symbol{color:#ffa657}.code-block.svelte-ovdswp .hljs-comment,.code-block.svelte-ovdswp .hljs-code,.code-block.svelte-ovdswp .hljs-formula{color:#8b949e}.code-block.svelte-ovdswp .hljs-name,.code-block.svelte-ovdswp .hljs-quote,.code-block.svelte-ovdswp .hljs-selector-tag,.code-block.svelte-ovdswp .hljs-selector-pseudo{color:#7ee787}.code-block.svelte-ovdswp .hljs-subst{color:#c9d1d9}.code-block.svelte-ovdswp .hljs-section{color:#1f6feb;font-weight:700}.code-block.svelte-ovdswp .hljs-bullet{color:#f2cc60}.code-block.svelte-ovdswp .hljs-emphasis{color:#c9d1d9;font-style:italic}.code-block.svelte-ovdswp .hljs-strong{color:#c9d1d9;font-weight:700}.code-block.svelte-ovdswp .hljs-addition{color:#aff5b4;background-color:#033a16}.code-block.svelte-ovdswp .hljs-deletion{color:#ffdcd7;background-color:#67060c}.code-block.svelte-ovdswp .code-header:where(.svelte-ovdswp){align-items:center;gap:8px;margin-bottom:20px;display:flex}.code-block.svelte-ovdswp .code-header:where(.svelte-ovdswp) .dot:where(.svelte-ovdswp){border-radius:50%;width:12px;height:12px}.code-block.svelte-ovdswp .code-header:where(.svelte-ovdswp) .red:where(.svelte-ovdswp){background:#ff5f56}.code-block.svelte-ovdswp .code-header:where(.svelte-ovdswp) .yellow:where(.svelte-ovdswp){background:#ffbd2e}.code-block.svelte-ovdswp .code-header:where(.svelte-ovdswp) .green:where(.svelte-ovdswp){background:#27c93f}.code-block.svelte-ovdswp .code-header:where(.svelte-ovdswp) .filename:where(.svelte-ovdswp){color:#888;margin-left:auto;font-size:.8rem}.code-block.svelte-ovdswp pre:where(.svelte-ovdswp){margin:0;overflow-x:auto}.code-block.svelte-ovdswp code:where(.svelte-ovdswp){font-family:Fira Code,monospace!important}.finished-view.svelte-ovdswp{text-align:center;max-width:900px;margin:0 auto}.finished-view.svelte-ovdswp .success-message:where(.svelte-ovdswp){margin-bottom:2rem}.finished-view.svelte-ovdswp .success-message:where(.svelte-ovdswp) i:where(.svelte-ovdswp){color:#19a22e;margin-bottom:1rem;font-size:3rem}.finished-view.svelte-ovdswp .success-message:where(.svelte-ovdswp) h2:where(.svelte-ovdswp){color:#333;margin-bottom:.5rem}.finished-view.svelte-ovdswp .success-message:where(.svelte-ovdswp) p:where(.svelte-ovdswp){color:#666}.finished-view.svelte-ovdswp .code-block.large:where(.svelte-ovdswp){text-align:left;transition:transform .3s;display:block;width:auto!important}.finished-view.svelte-ovdswp .code-block.large:where(.svelte-ovdswp) .status-badge:where(.svelte-ovdswp){color:#27c93f;text-transform:uppercase;background:#27c93f33;border-radius:4px;margin-left:1rem;padding:2px 8px;font-size:.7rem;font-weight:700}