.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--backdrop);z-index:50}.content{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);display:flex;flex-direction:column;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);z-index:51;overflow:hidden}.header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px}.header-text{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.title{font-size:16px;font-weight:600;color:var(--fg-primary);margin:0}.description{font-size:13px;color:var(--fg-secondary);margin:0}.close{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--fg-muted);cursor:pointer;flex-shrink:0}.close:hover{background:var(--bg-surface);color:var(--fg-primary)}.body{padding:0 16px 16px;overflow-y:auto;font-size:13px;color:var(--fg-secondary)}.footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--border-subtle)}