.modal__backdrop{z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.15s ease-out modal-fade-in;display:flex;position:fixed;inset:0}.modal__backdrop--closing{animation:.15s ease-in forwards modal-fade-out}.modal__content{background:var(--color-bg-primary);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);border-radius:6px;outline:none;flex-direction:column;max-height:90vh;animation:.15s ease-out modal-scale-in;display:flex}.modal__content--closing{animation:.15s ease-in forwards modal-scale-out}.modal__content--sm{width:400px;max-width:90vw}.modal__content--md{width:600px;max-width:90vw}.modal__content--lg{width:900px;max-width:90vw}.modal__content--full{width:95vw;height:90vh}.modal__header{border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.modal__title{margin:0;font-size:.8rem;font-weight:600}.modal__close{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:.25rem;display:flex}.modal__close:hover{color:var(--color-text);background:var(--color-bg-hover)}.modal__body{flex:1;padding:1rem;overflow-y:auto}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-fade-out{0%{opacity:1}to{opacity:0}}@keyframes modal-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes modal-scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}
