.op-modal-mask{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0c128c;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.op-modal-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:16px;box-shadow:0 24px 60px #0000004d;display:flex;flex-direction:column;max-height:min(88vh,720px);max-width:480px;overflow:hidden;width:100%}.op-modal-card--sm{max-width:380px}.op-modal-card--lg{max-width:720px}.op-modal-card__head{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:18px 20px}.op-modal-card__title{color:var(--text-primary);font-size:15px;font-weight:600;margin:0}.op-modal-card__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-radius:6px;color:var(--text-muted);cursor:pointer;display:inline-flex;padding:2px}.op-modal-card__close:hover{background:var(--bg-deep);color:var(--text-primary)}.op-modal-card__body{flex:1;overflow-y:auto;padding:20px}.op-modal-card__foot{border-top:1px solid var(--border-subtle);display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:16px 20px}.op-modal-enter-active,.op-modal-leave-active{transition:opacity .15s ease}.op-modal-enter-from,.op-modal-leave-to{opacity:0}