.dialog-backdrop{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:2000}.dialog{background:var(--color-bg,#fff);border-radius:8px;overflow:hidden;margin:16px;display:flex;flex-direction:column;width:100%;max-width:1000px;max-height:calc(100vh - 32px)}.dialog__header{padding:16px;border-bottom:1px solid #eee;flex-shrink:0}.dialog__title{margin:0;color:#1f2937;font-size:16px}.dialog__subtitle{margin:8px 0 0;color:#6b7280;font-size:14px;line-height:1.5}.dialog__body{padding:16px;overflow-y:auto;flex:1;min-height:0}.dialog__body p{line-height:1.35}.dialog__footer{padding:16px;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #e5e7eb;flex-shrink:0}@media screen and (max-width:576px){.dialog__footer{flex-direction:column-reverse}.dialog__footer button{width:100%;max-width:unset}}.dialog-fade-enter-active{transition:opacity .2s ease}.dialog-fade-enter-active .dialog{transition:transform .2s ease}.dialog-fade-leave-active{transition:opacity .15s ease}.dialog-fade-leave-active .dialog{transition:transform .15s ease}.dialog-fade-enter-from{opacity:0}.dialog-fade-enter-from .dialog{transform:scale(.95)}.dialog-fade-leave-to{opacity:0}.dialog-fade-leave-to .dialog{transform:scale(.95)}