.compose-generator:where(.astro-lboaghyy){gap:3rem;min-width:0;max-width:100%;margin-top:2rem;display:grid}form:where(.astro-lboaghyy),.generator-output:where(.astro-lboaghyy){box-sizing:border-box;width:min(100%,48rem);min-width:0;max-width:100%;margin-inline:auto}.generator-output:where(.astro-lboaghyy){border-top:1px solid var(--sl-color-gray-5);min-width:0;padding-top:2rem}.form-section:where(.astro-lboaghyy){padding:0}.form-section:where(.astro-lboaghyy)+.form-section:where(.astro-lboaghyy){border-top:1px solid var(--sl-color-gray-5);margin-top:2.5rem;padding-top:2rem}.form-section:where(.astro-lboaghyy) h2:where(.astro-lboaghyy){font-size:var(--sl-text-h3);margin:0 0 1rem}.section-note:where(.astro-lboaghyy){color:var(--sl-color-gray-2);margin:-.5rem 0 1rem}.form-row:where(.astro-lboaghyy){grid-template-columns:12rem minmax(0,1fr);align-items:start;gap:1rem;margin-top:.6rem;display:grid}.form-row:where(.astro-lboaghyy)>label:where(.astro-lboaghyy){padding-top:.45rem}.control:where(.astro-lboaghyy){min-width:0}.compact-control:where(.astro-lboaghyy){width:min(100%,12rem)}.output-heading:where(.astro-lboaghyy) p:where(.astro-lboaghyy),.secret-note:where(.astro-lboaghyy),.noscript-note:where(.astro-lboaghyy){color:var(--sl-color-gray-2);margin:0 0 1rem}:where(.astro-lboaghyy)[hidden]{display:none}label:where(.astro-lboaghyy){color:var(--sl-color-white);font-weight:600}input:where(.astro-lboaghyy),select:where(.astro-lboaghyy),button:where(.astro-lboaghyy){font:inherit}input:where(.astro-lboaghyy):not([type=checkbox]),select:where(.astro-lboaghyy){box-sizing:border-box;border:1px solid var(--sl-color-gray-4);background:var(--sl-color-bg);width:100%;min-width:0;height:2.5rem;color:var(--sl-color-white);border-radius:.6rem;padding:0 .7rem}input:where(.astro-lboaghyy):focus-visible,select:where(.astro-lboaghyy):focus-visible,button:where(.astro-lboaghyy):focus-visible,.code-output:where(.astro-lboaghyy):focus-visible{outline:2px solid var(--sl-color-accent-high);outline-offset:2px}input:where(.astro-lboaghyy)[aria-invalid=true]{border-color:var(--sl-color-red-high)}small:where(.astro-lboaghyy){color:var(--sl-color-gray-2);display:block}.field-error:where(.astro-lboaghyy){color:var(--sl-color-red-high)}.field-error:where(.astro-lboaghyy):empty{display:none}.output-heading:where(.astro-lboaghyy){display:block}.output-heading:where(.astro-lboaghyy) h2:where(.astro-lboaghyy){font-size:var(--sl-text-h3);margin:0 0 .35rem}.actions:where(.astro-lboaghyy){grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;width:100%;margin-top:1rem;display:grid}button:where(.astro-lboaghyy){border:1px solid var(--sl-color-gray-4);background:var(--sl-color-gray-6);width:100%;color:var(--sl-color-white);cursor:pointer;overflow-wrap:anywhere;border-radius:.45rem;justify-content:center;align-items:center;gap:.45rem;padding:.55rem .8rem;display:inline-flex}button:where(.astro-lboaghyy):hover:not(:disabled){border-color:var(--sl-color-accent-high)}button:where(.astro-lboaghyy):disabled{cursor:not-allowed;opacity:.55}.primary-action:where(.astro-lboaghyy){border-color:var(--sl-color-accent);background:var(--sl-color-accent);color:var(--sl-color-black)}.secret-note:where(.astro-lboaghyy){overflow-wrap:anywhere;margin-top:1.25rem}.compose-preview:where(.astro-lboaghyy){box-sizing:border-box;border-top:1px solid var(--sl-color-gray-5);width:100%;min-width:0;max-width:100%;margin-top:1rem;padding-top:1rem}.compose-preview:where(.astro-lboaghyy) summary:where(.astro-lboaghyy){width:fit-content;color:var(--sl-color-white);cursor:pointer;font-weight:650}.code-output:where(.astro-lboaghyy){box-sizing:border-box;background:#0d1117;border-radius:.55rem;width:100%;min-width:0;max-width:100%;max-height:42rem;margin:1rem 0 0;overflow:hidden auto}.code-output:where(.astro-lboaghyy) pre{box-sizing:border-box;width:100%;min-width:0;max-width:100%;font-size:var(--sl-text-code);white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;tab-size:2;margin:0;padding:1rem;line-height:1.55;overflow:visible}.code-output:where(.astro-lboaghyy) code{white-space:inherit}.code-output:where(.astro-lboaghyy)>pre:where(.astro-lboaghyy)>code:where(.astro-lboaghyy){color:var(--sl-color-gray-1)}.noscript-note:where(.astro-lboaghyy){margin-top:1rem}@media (width<=40rem){.form-row:where(.astro-lboaghyy){grid-template-columns:1fr;gap:.3rem;margin-top:1rem}.form-row:where(.astro-lboaghyy)>label:where(.astro-lboaghyy){padding-top:0}.compact-control:where(.astro-lboaghyy){width:100%}.actions:where(.astro-lboaghyy){grid-template-columns:1fr}}