.kit-dialog{width:100%;max-width:none;height:100%;max-height:none;color:var(--ink);background:0 0;border:0;margin:0;padding:0}.kit-dialog[open]{place-items:center;display:grid}.kit-dialog::backdrop{background:#090909b8}.kit-dialog-panel{overscroll-behavior:contain;border:1px solid var(--line);border-radius:var(--radius-panel,18px);background:var(--panel);width:min(560px,100vw - 32px);max-height:calc(100dvh - 48px);padding:24px;overflow:auto;box-shadow:0 24px 80px #0000008c}.kit-dialog.is-compact .kit-dialog-panel{width:min(440px,100vw - 32px)}.kit-dialog.is-wide .kit-dialog-panel{width:min(960px,100vw - 32px)}.kit-dialog-panel>header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.kit-dialog-panel>header h2{font-size:var(--text-section,1.25rem);margin:0;font-weight:400;line-height:1.35}.kit-dialog-panel>header p{color:var(--muted);font-size:var(--text-body,.875rem);margin:6px 0 0;line-height:1.5}.kit-dialog-close{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;padding:0;display:grid}.kit-dialog-close:hover{color:var(--ink);background:color-mix(in srgb, var(--ink) 8%, transparent)}.kit-dialog-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width:600px){.kit-dialog-panel{width:calc(100vw - 16px);max-height:calc(100dvh - 24px);padding:18px}}@media (prefers-reduced-motion:no-preference){.kit-dialog[open] .kit-dialog-panel{animation:.16s ease-out kit-dialog-in}}@keyframes kit-dialog-in{0%{opacity:0;transform:translateY(6px)}}