.modal-backdrop{position:fixed;inset:0;background:color-mix(in oklab,var(--color-on-surface) 60%,transparent);display:flex;align-items:center;justify-content:center;z-index:999;opacity:0;pointer-events:none;transition:opacity .2s ease-in-out}.modal-backdrop[open]{opacity:1;pointer-events:auto}.modal{background:var(--color-surface);color:var(--color-on-surface);border-radius:8px;padding:var(--space-3);width:min(90%,560px);max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px rgba(0,0,0,.3);outline:none}.modal header{font-size:1.25rem;font-weight:600;margin-bottom:var(--space-2)}.modal footer{margin-top:var(--space-3);display:flex;justify-content:flex-end;gap:var(--space-2)}