.widget-generator.svelte-19u5yc7{max-width:1160px;margin:2.5rem auto 3rem;padding:1.5rem;border:1px solid #dce6f1;border-radius:18px;background:#f5f8fc}.generator-intro.svelte-19u5yc7{margin-bottom:1.25rem}.generator-kicker.svelte-19u5yc7{margin:0 0 .35rem;color:#2664bd;font-size:.75rem;font-weight:800;letter-spacing:.1em}.generator-intro.svelte-19u5yc7 h2:where(.svelte-19u5yc7){margin:0 0 .3rem;font-size:1.75rem}.generator-intro.svelte-19u5yc7>p:where(.svelte-19u5yc7):last-child,.panel-heading.svelte-19u5yc7 p:where(.svelte-19u5yc7){margin:0;color:#5d6b7b;font-size:.9rem}.generator-grid.svelte-19u5yc7{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;align-items:start}.generator-panel.svelte-19u5yc7{min-width:0;padding:1.35rem;border:1px solid #e0e7f0;border-radius:14px;background:#fff;box-shadow:0 3px 14px #1935590a}.panel-heading.svelte-19u5yc7,.code-heading.svelte-19u5yc7{display:flex;align-items:flex-start;gap:.75rem}.panel-heading.svelte-19u5yc7 h3:where(.svelte-19u5yc7){margin:0 0 .2rem;font-size:1.15rem}.step-number.svelte-19u5yc7{display:grid;flex:0 0 1.8rem;width:1.8rem;height:1.8rem;place-items:center;border-radius:50%;background:#e8f1ff;color:#1656aa;font-size:.85rem;font-weight:750}.setting-field.svelte-19u5yc7{margin-top:1.25rem}.setting-label.svelte-19u5yc7{margin-bottom:.55rem;color:#23344c;font-size:.88rem;font-weight:700}.selection-id.svelte-19u5yc7,.setting-hint.svelte-19u5yc7{margin:.5rem 0 0;color:#607085;font-size:.78rem}.selection-id.svelte-19u5yc7 code:where(.svelte-19u5yc7){overflow-wrap:anywhere;color:#34577f}.setting-field.svelte-19u5yc7 .input-group{width:100%!important;min-width:0!important}.choice-list.svelte-19u5yc7{display:flex;flex-wrap:wrap;gap:.45rem}.choice-list.svelte-19u5yc7 button:where(.svelte-19u5yc7){display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:36px;padding:.42rem .75rem;border:1px solid #d5dfeb;border-radius:8px;background:#fff;color:#34445a;font-size:.86rem;font-weight:600;line-height:1.25;transition:border-color .12s ease,background-color .12s ease}.choice-list.svelte-19u5yc7 button:where(.svelte-19u5yc7):hover{border-color:#7ca8e2;background:#f4f8ff}.choice-list.svelte-19u5yc7 button.chosen:where(.svelte-19u5yc7){border-color:#2570d9;background:#eaf3ff;color:#1254a8}.choice-list.svelte-19u5yc7 button:where(.svelte-19u5yc7):focus-visible{outline:2px solid #2570d9;outline-offset:2px}.widget-types.svelte-19u5yc7{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.preview-meta.svelte-19u5yc7{display:flex;justify-content:space-between;gap:.75rem;margin:1.35rem 0 .7rem;color:#5c6c80;font-size:.78rem;font-weight:600}.preview-stage.svelte-19u5yc7{display:flex;justify-content:center;overflow-x:auto;padding:1.15rem;border:1px solid #e0e7f0;border-radius:12px;background:#f7f9fc}.preview-stage.dark-preview.svelte-19u5yc7{border-color:#3a4350;background:#252b34}.preview-stage.svelte-19u5yc7 iframe:where(.svelte-19u5yc7){display:block;border:0;background:#fff}.preview-canvas.svelte-19u5yc7{flex:0 0 auto;overflow:visible}.code-panel.svelte-19u5yc7{margin-top:1rem}.code-heading.svelte-19u5yc7{justify-content:space-between;align-items:center;margin-bottom:1rem}.code-heading.svelte-19u5yc7 button{flex:0 0 auto;border-radius:8px}.code-snippet.svelte-19u5yc7 pre,.code-snippet.svelte-19u5yc7 code{white-space:pre-wrap!important;overflow-wrap:anywhere!important;word-break:break-word}.code-snippet.svelte-19u5yc7 pre{margin:0;padding:1rem 1.15rem;border-radius:10px}@media(max-width:1040px){.generator-grid.svelte-19u5yc7{grid-template-columns:1fr}}@media(max-width:640px){.widget-generator.svelte-19u5yc7{margin:2rem auto;padding:.8rem}.generator-panel.svelte-19u5yc7{padding:1rem}.code-heading.svelte-19u5yc7{align-items:flex-start;flex-direction:column}}