.modal{display:none;position:fixed;inset:0;z-index:9990;padding:24px;background-color:rgba(0,0,0,0.45)}.modal--open{display:flex;align-items:center;justify-content:center}.modal-content{position:relative;background:#fff;color:#1a1a1a;border:1px solid rgba(0,0,0,0.08);border-radius:10px;padding:20px 20px 24px;width:min(680px,100%);max-height:84vh;overflow:auto;box-shadow:0 18px 50px rgba(0,0,0,0.28)}.modal-title{margin:0 0 12px;font-size:17px;font-weight:600;padding-right:28px}.modal-content>.close{position:absolute;top:10px;right:14px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:transparent;color:#666;font-size:22px;line-height:1;cursor:pointer;user-select:none;transition:background 0.15s ease,color 0.15s ease}.modal-content>.close:hover,.modal-content>.close:focus{color:#000;background:rgba(0,0,0,0.06)}.modal-content img{max-width:100%;height:auto}