.vp-dialog{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;overflow:hidden;border:1px solid var(--ws-line,var(--border,#323741));border-radius:10px;background:var(--ws-panel,var(--panel,#1e2128));color:var(--ws-ink,var(--text,#e9ebf1));font-family:inherit;font-size:13px;line-height:1.65;box-sizing:border-box}
.vp-dialog::backdrop{background:#0008;backdrop-filter:blur(4px)}
.vp-dialog form{display:flex;flex-direction:column;max-height:calc(100dvh - 34px);margin:0}
.vp-dialog header,.vp-dialog footer{flex:none;padding:16px 20px;border-bottom:1px solid var(--ws-line,var(--border,#323741))}
.vp-dialog h2{font-size:16px;line-height:1.5;margin:0}
.vp-dialog-body{min-height:0;overflow:auto;padding:20px}
.vp-dialog p{margin:0 0 14px;overflow-wrap:anywhere}
.vp-dialog p:last-child{margin-bottom:0}
.vp-dialog label{display:block;font-size:12px}
.vp-dialog input,.vp-dialog textarea,body.workspace dialog.vp-dialog :is(input,textarea){display:block;box-sizing:border-box;width:100%;min-height:44px;margin:8px 0 0;padding:10px 12px;border:1px solid var(--ws-line,var(--border,#323741));border-radius:6px;background:var(--ws-bg,var(--bg,#17191e));color:inherit;font:inherit;resize:vertical}
.vp-dialog footer{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;border-bottom:0;border-top:1px solid var(--ws-line,var(--border,#323741));padding-bottom:max(16px,env(safe-area-inset-bottom))}
.vp-dialog button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;min-width:64px;padding:8px 16px;border:1px solid var(--ws-line,var(--border,#323741));border-radius:6px;background:transparent;color:inherit;font:inherit;cursor:pointer}
.vp-dialog button.vp-dialog-primary{background:var(--ws-accent-fill,#7568d6);border-color:transparent;color:var(--accent-ink,#fff)}
.vp-dialog :is(button,input,textarea):focus-visible{outline:2px solid var(--ws-accent,var(--accent,#aaa3ff));outline-offset:2px}
.vp-dialog .vp-dialog-error{margin:10px 0 0;color:var(--red-text,#edb2a8)}
.vp-dialog [hidden]{display:none!important}
@media(max-width:640px){.vp-dialog input,.vp-dialog textarea{font-size:16px}}

html[data-theme=light] .vp-dialog .vp-dialog-error{color:var(--red-text,#a33430)}