:root{--bg:#f7f7f8;--panel:#fff;--text:#1c1e21;--muted:#5c616b;--border:#d9dce1;--accent:#2f6fed;--accent-soft:#e8effd;--code-bg:#14161a;--code-text:#e6e8ec;--warning-bg:#fdf3e0;--warning-border:#e8b64c;--info-bg:#e9f2fd;--info-border:#7ba7ee;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#121417;--panel:#1b1e23;--text:#e6e8ec;--muted:#9aa1ac;--border:#31353c;--accent:#6f9cf5;--accent-soft:#22314f;--warning-bg:#37301d;--warning-border:#a8842f;--info-bg:#1d2a3f;--info-border:#4a6da8}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.55}.app{max-width:1200px;margin:0 auto;padding:1.5rem 1rem 3rem}.app-header h1{margin:0 0 .25rem;font-size:1.7rem}.app-header p{color:var(--muted);max-width:60rem;margin:0 0 1.5rem}.app-columns{grid-template-columns:minmax(300px,380px) minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}@media (width<=900px){.app-columns{grid-template-columns:minmax(0,1fr)}}.app-form{position:sticky;top:1rem}@media (width<=900px){.app-form{position:static}}.app-plan h2{margin:0 0 .75rem;font-size:1.25rem}fieldset{background:var(--panel);border:1px solid var(--border);border-radius:10px;margin:0 0 .9rem;padding:.7rem .9rem .9rem}legend{padding:0 .3rem;font-size:.95rem;font-weight:600}.radio-group{flex-direction:column;gap:.15rem;display:flex}.radio,.checkbox{cursor:pointer;border-radius:6px;align-items:baseline;gap:.5rem;padding:.25rem .4rem;display:flex}.radio.selected{background:var(--accent-soft)}.radio:hover,.checkbox:hover{background:color-mix(in srgb, var(--accent) 8%, transparent)}.text-field{color:var(--muted);flex-direction:column;gap:.25rem;margin-top:.5rem;font-size:.9rem;display:flex}.text-field input{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.35rem .5rem}.id-fields{gap:.75rem;display:flex}.id-fields .text-field{flex:1}.ai-arch{flex-direction:column;gap:.25rem;margin-top:.5rem;display:flex}.field-label{color:var(--muted);font-size:.9rem}.steps{flex-direction:column;gap:1.1rem;margin:0;padding-left:1.4rem;display:flex}.step{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:.9rem 1.1rem}.step h3{margin:0 0 .35rem;font-size:1.05rem}.step-body{color:var(--muted);margin:0 0 .6rem}.code-block{margin:.6rem 0}.code-block figcaption{align-items:baseline;gap:.6rem;margin-bottom:.3rem;font-size:.85rem;font-weight:600;display:flex}.code-filename{color:var(--muted);font-weight:400}.code-body{position:relative}.code-body pre{background:var(--code-bg);color:var(--code-text);border-radius:8px;margin:0;padding:.8rem 1rem;font-size:.85rem;line-height:1.5;overflow-x:auto}.copy-button{font:inherit;color:var(--code-text);cursor:pointer;background:#ffffff1f;border:1px solid #ffffff40;border-radius:6px;padding:.2rem .55rem;font-size:.75rem;position:absolute;top:.45rem;right:.45rem}.copy-button:hover{background:#ffffff38}.note{border-radius:8px;align-items:baseline;gap:.5rem;margin:.6rem 0;padding:.55rem .75rem;font-size:.9rem;display:flex}.note-warning{background:var(--warning-bg);border:1px solid var(--warning-border)}.note-info{background:var(--info-bg);border:1px solid var(--info-border)}.note-icon{flex-shrink:0}.app-footer{border-top:1px solid var(--border);color:var(--muted);margin-top:2rem;padding-top:1rem;font-size:.9rem}a{color:var(--accent)}