.modal-overlay{z-index:200;background:#12121280;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--paper);border-radius:var(--radius-lg);width:100%;max-width:520px;max-height:90dvh;padding:26px 28px 24px;overflow-y:auto}.modal:focus{outline:none}.modal.modal-wide{max-width:740px}.modal-head{justify-content:space-between;align-items:flex-start;margin-bottom:6px;display:flex}.modal-head h2{font-family:var(--font-display);font-weight:400;font-size:var(--text-2xl);text-transform:uppercase;letter-spacing:.02em}.modal-close{cursor:pointer;color:var(--gray-600);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin:-8px -10px -8px 0;transition:background .15s,color .15s;display:flex}.modal-close svg{width:16px;height:16px}.modal-close:hover{background:var(--green-tint);color:var(--gray-900)}.modal p.sub{font-size:var(--text-sm);color:var(--gray-600);margin-bottom:18px}.modal-actions{gap:10px;margin-top:4px;display:flex}.btn-cancel{border-radius:var(--radius-sm);border:1.5px solid var(--line);background:var(--paper);font-weight:600;font-size:var(--text-base);cursor:pointer;color:var(--gray-900);flex:1;padding:12px}.btn-cancel:hover{border-color:var(--gray-400)}