.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:100;animation:fadeIn .3s ease-in-out}.modal{background-color:var(--panel-2);border-radius:.5rem;border:1px solid var(--border);box-shadow:0 4px 12px var(--bg);max-width:768px;min-width:20%;max-height:80vh;animation:bounceIn .3s ease-out;transform-origin:center;display:flex;flex-direction:column}.modal>div{padding:12px}.modal .header{display:flex;align-items:center;background-color:var(--panel);border-bottom:1px solid var(--border);font-size:1.2em}.modal .body{color:var(--muted);overflow:auto}.modal .body:has(.modal-input){min-height:60px}.modal .body p{margin:0;line-height:1.5;font-size:16px;white-space:pre-wrap}.modal .body>input,.modal .body>textarea{margin-top:8px;background-color:var(--bg)}.modal .btn{border-radius:4px;transition:background-color .2s ease}.modal .footer{display:flex;justify-content:flex-end;gap:10px;padding-top:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounceIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}