/* FLOW-FIX-2: explicit centring survives the site's universal margin reset. */
html body dialog.creation-dialog{position:fixed;inset:0;margin:auto;box-sizing:border-box;width:460px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--site-line);border-radius:4px;padding:28px;background:var(--site-panel);color:var(--site-ink);box-shadow:0 24px 90px color-mix(in srgb, var(--site-ink) 13.3333%, transparent);font:14px/1.5 var(--site-body)}
html body dialog.creation-dialog::backdrop{background:color-mix(in srgb, var(--site-button) 40.0000%, transparent);backdrop-filter:none}
html body dialog.creation-dialog h2{font-size:20px;font-weight:600;line-height:1.3;margin:0 0 16px}
html body dialog.creation-dialog p{font-size:14px;line-height:1.5;color:var(--site-muted);margin:0 0 24px}
html body dialog.creation-dialog .dialog-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}
html body dialog.creation-dialog button{min-height:44px;box-sizing:border-box;border:1px solid var(--site-line);border-radius:4px;padding:10px 20px;background:var(--site-panel);color:var(--site-ink);font:inherit;cursor:pointer}
html body dialog.creation-dialog button.primary{background:var(--site-button);color:var(--site-page);border-color:var(--site-ink)}

/* MOBILE-FLOW-1: the selected option has an ink border, never browser blue. */
.start-choice [data-choice]:focus,.start-choice [data-choice]:focus-visible{outline:none!important;border:1px solid var(--site-ink)!important;box-shadow:none}
.start-choice [data-choice]:disabled{color:var(--site-muted);cursor:default}