:root{--dialog-backdrop:light-dark(rgb(0 0 0 / 62%),rgb(0 0 0 / 78%))}
.shared-dialog::backdrop{background:var(--dialog-backdrop)}
.shared-dialog-close { box-sizing: border-box; display: inline-grid; flex: none; place-items: center; width:44px;height:44px;min-width:44px;min-height:44px;padding:8px; border: 1px solid var(--line-strong, ButtonBorder); border-radius: .625rem; color: inherit; background: var(--surface, Canvas); cursor: pointer; }
.shared-dialog-close svg { display: block; width:24px;height:24px; }
.shared-dialog-close:hover { background: var(--surface-sunken, Canvas); }
.shared-dialog-close:focus-visible { outline: 2px solid var(--brand-600, Highlight); outline-offset: 3px; }

.shared-dialog--content{box-sizing:border-box;margin:auto;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:hidden;padding:clamp(12px,2vw,24px);border:1px solid var(--line,GrayText);border-radius:1rem;background:var(--surface,Canvas);color:var(--appearance-text,CanvasText)}
.shared-dialog--content[open]{display:flex;flex-direction:column}
.shared-dialog--content>header{display:flex;align-items:center;gap:8px;min-inline-size:0;flex-shrink:0}
.shared-dialog--content>header>h2{flex:1;min-inline-size:0;margin:0;overflow-wrap:anywhere}
.shared-dialog-body{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain}.shared-dialog-actions{display:inline-flex;flex:none;align-items:center;gap:8px}
.action-popover{position:fixed;inset:auto;margin:0;width:max-content;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow:auto;padding:.6rem;border:1px solid var(--line,GrayText);border-radius:.8rem;background:var(--surface,Canvas);color:var(--appearance-text,CanvasText);box-shadow:0 8px 32px #0003}
.action-popover:popover-open{display:flex;flex-direction:column;gap:.5rem}.action-popover-trigger{flex-shrink:0;min-width:44px;font-weight:700}.action-popover>.btn{text-align:start;justify-content:flex-start}