.compose-generator:where(.astro-fkpfuzyp){border:1px solid var(--docs-border);background:var(--docs-surface);border-radius:8px;margin:1.5rem 0 2rem;padding:1.15rem}.compose-generator__header:where(.astro-fkpfuzyp) h3:where(.astro-fkpfuzyp),.compose-generator__downloads:where(.astro-fkpfuzyp) h4:where(.astro-fkpfuzyp){color:var(--sl-color-white);margin:0}.compose-generator__header:where(.astro-fkpfuzyp) p:where(.astro-fkpfuzyp),.compose-generator__help:where(.astro-fkpfuzyp),.compose-generator__note:where(.astro-fkpfuzyp),.compose-generator:where(.astro-fkpfuzyp) small:where(.astro-fkpfuzyp){color:var(--sl-color-gray-2);font-size:.84rem;line-height:1.5}.compose-generator__header:where(.astro-fkpfuzyp) p:where(.astro-fkpfuzyp){margin:.45rem 0 1rem}.compose-generator:where(.astro-fkpfuzyp) fieldset:where(.astro-fkpfuzyp){border:0;border-top:1px solid var(--docs-border);min-width:0;margin:0;padding:1rem 0}.compose-generator:where(.astro-fkpfuzyp) fieldset:where(.astro-fkpfuzyp):first-of-type{border-top:0;padding-top:.35rem}.compose-generator:where(.astro-fkpfuzyp) legend:where(.astro-fkpfuzyp){color:var(--sl-color-white);padding:0;font-size:.9rem;font-weight:650}.compose-generator__grid:where(.astro-fkpfuzyp){grid-template-columns:minmax(0,1fr);gap:.85rem;display:grid}.compose-generator:where(.astro-fkpfuzyp) label:where(.astro-fkpfuzyp)>span:where(.astro-fkpfuzyp){color:var(--sl-color-white);margin-bottom:.3rem;font-size:.84rem;font-weight:600;display:block}.compose-generator:where(.astro-fkpfuzyp) input:where(.astro-fkpfuzyp){box-sizing:border-box;border:1px solid var(--docs-border);width:100%;color:var(--sl-color-white);background:var(--sl-color-bg);font:inherit;border-radius:5px;padding:.52rem .6rem}.compose-generator:where(.astro-fkpfuzyp) input:where(.astro-fkpfuzyp):focus{border-color:var(--docs-focus);outline:2px solid color-mix(in srgb, var(--docs-focus) 25%, transparent);outline-offset:1px}.compose-generator:where(.astro-fkpfuzyp) small:where(.astro-fkpfuzyp){margin-top:.3rem;display:block}.compose-generator__password-row:where(.astro-fkpfuzyp){--compose-generator-control-height:2.5rem;align-items:center;gap:.35rem;display:flex}.compose-generator__password:where(.astro-fkpfuzyp){grid-column:1/-1}.compose-generator__password-row:where(.astro-fkpfuzyp) input:where(.astro-fkpfuzyp){min-width:0;height:var(--compose-generator-control-height);min-height:var(--compose-generator-control-height);flex:1}.compose-generator__password-row:where(.astro-fkpfuzyp)>button:where(.astro-fkpfuzyp){width:5rem;height:var(--compose-generator-control-height);min-height:var(--compose-generator-control-height);text-align:center;flex:0 0 5rem;margin:0;padding-inline:.35rem}.compose-generator:where(.astro-fkpfuzyp) button:where(.astro-fkpfuzyp){cursor:pointer;border:1px solid var(--docs-border);color:var(--sl-color-white);background:var(--docs-surface-raised);font:inherit;white-space:nowrap;border-radius:5px;padding:.5rem .7rem;font-size:.82rem}.compose-generator:where(.astro-fkpfuzyp) button:where(.astro-fkpfuzyp):hover{border-color:var(--sl-color-gray-3)}.compose-generator__toggle-button:where(.astro-fkpfuzyp){color:var(--sl-color-text-accent)!important}.compose-generator__primary-button:where(.astro-fkpfuzyp){justify-content:center;align-items:center;gap:.4rem;display:inline-flex;border-color:var(--sl-color-accent)!important;background:var(--sl-color-accent)!important;color:var(--sl-color-text-invert)!important;font-weight:650!important}.compose-generator__primary-button:where(.astro-fkpfuzyp):disabled{cursor:progress;opacity:.65}.compose-generator__help:where(.astro-fkpfuzyp){margin:.55rem 0 0}.compose-generator__downloads:where(.astro-fkpfuzyp){border-top:1px solid var(--docs-border);padding-top:1rem}.compose-generator__tabs:where(.astro-fkpfuzyp){border-bottom:1px solid var(--docs-border);scrollbar-width:thin;gap:.2rem;margin-bottom:1rem;display:flex;overflow-x:auto}.compose-generator__tabs:where(.astro-fkpfuzyp)>button:where(.astro-fkpfuzyp){color:var(--sl-color-gray-2);background:0 0;border-color:#0000;border-radius:5px 5px 0 0;flex:none;margin:0 0 -1px;padding:.55rem .75rem}.compose-generator__tabs:where(.astro-fkpfuzyp)>button:where(.astro-fkpfuzyp):hover{color:var(--sl-color-white);background:var(--docs-surface-raised);border-color:#0000}.compose-generator__tabs:where(.astro-fkpfuzyp)>button:where(.astro-fkpfuzyp)[aria-selected=true]{border-color:var(--docs-border);border-bottom-color:var(--docs-surface);color:var(--sl-color-text-accent);background:var(--docs-surface)}.compose-generator__tabs:where(.astro-fkpfuzyp)>button:where(.astro-fkpfuzyp):focus-visible{outline:2px solid var(--docs-focus);outline-offset:-2px}.compose-generator:where(.astro-fkpfuzyp) :where(.astro-fkpfuzyp)[role=tabpanel]:focus-visible{outline:2px solid var(--docs-focus);outline-offset:3px}.compose-generator__downloads-header:where(.astro-fkpfuzyp){justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.compose-generator__downloads-header:where(.astro-fkpfuzyp) p:where(.astro-fkpfuzyp){color:var(--docs-green);margin:.3rem 0 0;font-size:.82rem}.compose-generator__downloads-header:where(.astro-fkpfuzyp) p:where(.astro-fkpfuzyp)[data-error=true]{color:#e08282}.compose-generator__preview-header:where(.astro-fkpfuzyp) h4:where(.astro-fkpfuzyp){font-family:var(--__sl-font-mono)}.compose-generator__warning:where(.astro-fkpfuzyp){color:#f0b76c;margin:.45rem 0 0;font-size:.84rem;line-height:1.5}.compose-generator__preview-code:where(.astro-fkpfuzyp){max-height:28rem;margin:.8rem 0 0;overflow:auto}.compose-generator__note:where(.astro-fkpfuzyp){margin:.7rem 0 0}@media (width<=640px){.compose-generator:where(.astro-fkpfuzyp){padding:.8rem}.compose-generator__downloads-header:where(.astro-fkpfuzyp){flex-direction:column}.compose-generator__tabs:where(.astro-fkpfuzyp){margin-inline:-.15rem}.compose-generator__primary-button:where(.astro-fkpfuzyp){width:100%}}