.dialog-overlay{--dialog-overlay-bg:var(--surface-overlay);position:fixed;inset:0;z-index:50;background:var(--dialog-overlay-bg)}.dialog-overlay[data-state=open]{animation:fade-in .2s ease-out both}.dialog-overlay[data-state=closed]{animation:fade-out .2s ease-in both}.dialog-content{--dialog-width:640px;--dialog-top:80px;--dialog-bottom-gap:var(--space-80);--dialog-bg:var(--system-bg);--dialog-border:var(--system-border);--dialog-border-width:var(--system-border-width);--dialog-radius:var(--system-radius);--dialog-shadow:var(--shadow-lg);--dialog-font-family:var(--system-font);--dialog-close-size:24px;--dialog-close-fg:var(--system-fg);position:fixed;left:50%;top:var(--dialog-top)!important;bottom:auto;z-index:50;display:flex;flex-direction:column;width:100%;max-width:var(--dialog-width);max-height:calc(100vh - var(--dialog-top) - var(--dialog-bottom-gap))!important;transform:translateX(-50%);border:var(--dialog-border-width) solid var(--dialog-border);background:var(--dialog-bg);border-radius:var(--dialog-radius);box-shadow:var(--dialog-shadow);overflow:hidden;font-family:var(--dialog-font-family)}.dialog-content[data-state=open]{animation:fade-in .2s ease-out both}.dialog-content[data-state=closed]{animation:fade-out .2s ease-in both}.dialog-content-inline{--dialog-width:640px;--dialog-bg:var(--system-bg);--dialog-border:var(--system-border);--dialog-border-width:var(--system-border-width);--dialog-radius:var(--system-radius);--dialog-shadow:var(--shadow-lg);--dialog-font-family:var(--system-font);position:relative;display:flex;flex-direction:column;width:100%;max-width:var(--dialog-width);border:var(--dialog-border-width) solid var(--dialog-border);background:var(--dialog-bg);border-radius:var(--dialog-radius);box-shadow:var(--dialog-shadow);overflow:hidden;font-family:var(--dialog-font-family)}.dialog-content-inline[data-size=sm],.dialog-content[data-size=sm]{--dialog-width:480px}.dialog-content-inline[data-size=lg],.dialog-content[data-size=lg]{--dialog-width:800px}.dialog-content-inline[data-size=xl],.dialog-content[data-size=xl]{--dialog-width:960px}.dialog-close-btn{position:absolute;right:var(--dialog-header-p-x,24px);top:var(--dialog-header-p-y,20px);opacity:.7;transition:opacity var(--system-transition);background:none;border:none;cursor:pointer;padding:0;color:var(--dialog-close-fg,var(--system-fg))}.dialog-close-btn:hover{opacity:1}.dialog-close-btn:focus{outline:none}.dialog-close-btn svg{width:var(--dialog-close-size,20px);height:var(--dialog-close-size,20px)}.dialog-header{--dialog-header-p-x:var(--space-80);--dialog-header-p-y:var(--space-70);--dialog-header-gap:var(--space-20);display:flex;flex-direction:column;gap:var(--dialog-header-gap);text-align:left;padding:var(--dialog-header-p-y) var(--dialog-header-p-x);background:var(--dialog-bg);flex-shrink:0;border-bottom:var(--dialog-border-width) solid var(--dialog-border)}.dialog-body{--dialog-body-p-x:var(--space-80);--dialog-body-p-y:var(--space-80);--dialog-body-bg:var(--surface-modal-content);padding:var(--dialog-body-p-y) var(--dialog-body-p-x);background:var(--dialog-body-bg);overflow-y:auto;flex:1;min-height:0}.dialog-footer{--dialog-footer-p-x:var(--space-80);--dialog-footer-p-y:var(--space-70);--dialog-footer-gap:var(--space-60);display:flex;justify-content:flex-end;gap:var(--dialog-footer-gap);padding:var(--dialog-footer-p-y) var(--dialog-footer-p-x);background:var(--dialog-bg);flex-shrink:0;border-top:var(--dialog-border-width) solid var(--dialog-border)}.dialog-title{--dialog-title-font-family:var(--system-mono-font);--dialog-title-font-size:var(--font-size-lg);--dialog-title-font-weight:var(--font-weight-bold);--dialog-title-fg:var(--system-fg);--dialog-title-tracking:var(--tracking-tight);font-family:var(--dialog-title-font-family);font-size:var(--dialog-title-font-size);font-weight:var(--dialog-title-font-weight);color:var(--dialog-title-fg);letter-spacing:var(--dialog-title-tracking);line-height:var(--line-height-relaxed)}.dialog-description{--dialog-desc-font-size:var(--system-font-size);--dialog-desc-fg:var(--text-secondary);font-size:var(--dialog-desc-font-size);color:var(--dialog-desc-fg);line-height:var(--system-line-height)}