.op-modal-mask{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#05070cb8;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-elevated);border:1px solid color-mix(in srgb,var(--accent) 18%,var(--border-subtle));border-radius:16px;box-shadow:0 24px 72px #0000006b;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;background:color-mix(in srgb,var(--accent) 3%,var(--bg-elevated));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:active{transform:scale(.94)}.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-active .op-modal-card,.op-modal-leave-active .op-modal-card{transition:transform .15s ease,opacity .15s ease}.op-modal-enter-from,.op-modal-leave-to{opacity:0}.op-modal-enter-from .op-modal-card,.op-modal-leave-to .op-modal-card{opacity:0;transform:translateY(6px) scale(.99)}@media(prefers-reduced-motion:reduce){.op-modal-enter-active,.op-modal-enter-active .op-modal-card,.op-modal-leave-active,.op-modal-leave-active .op-modal-card{transition:none}}