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