.dlg-backdrop{z-index:var(--dlg-z,400);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity var(--dur-2,.22s) var(--ease-out,ease);background:#0000008c;position:fixed;inset:0}.dlg-backdrop[data-starting-style],.dlg-backdrop[data-ending-style]{opacity:0}.dlg-viewport{z-index:calc(var(--dlg-z,400) + 10);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow:hidden}.dlg-popup{width:100%;max-width:var(--dlg-w,460px);background:var(--surface-elev);border:1px solid var(--line);max-height:100%;box-shadow:var(--shadow-3);font-family:var(--font-sans);transition:opacity var(--dur-2,.22s) var(--ease-out,ease), transform var(--dur-2,.22s) var(--ease-out,ease);border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.dlg-popup[data-starting-style],.dlg-popup[data-ending-style]{opacity:0;transform:scale(.97)}.dlg-head{border-bottom:1px solid var(--line-hair);flex:none;align-items:flex-start;gap:16px;padding:18px 20px 14px;display:flex}.dlg-title{min-width:0;font-family:var(--font-display);font-size:calc(16px * var(--font-scale));color:var(--text);flex:1;margin:0;font-weight:600}.dlg-close{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:4px;flex-shrink:0;place-items:center;display:grid}.dlg-close:disabled{cursor:not-allowed}.dlg-body{flex-direction:column;gap:12px;padding:16px 20px 18px;display:flex;overflow-y:auto}.dlg-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.dlg-actions .btn:focus{outline:2px solid var(--accent);outline-offset:2px}.dlg-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.dlg-body-text{font-size:calc(13px * var(--font-scale));color:var(--text);margin:0;line-height:1.6}.dlg-error{border:1px solid var(--c-red-border);background:var(--c-red-dim);color:var(--c-red);font-size:calc(12px * var(--font-scale));border-radius:6px;padding:8px 12px}