.ai-header .document-mode-toggle{min-height:26px;box-shadow:none;color:var(--color-text-muted);background:0 0;border:0;border-radius:0;align-items:center;gap:5px;margin-left:6px;padding:2px 0;font-size:10px;font-weight:400;line-height:20px;display:inline-flex}.ai-header .document-mode-toggle:hover:not(:disabled){color:var(--color-text);background:0 0}.document-mode-toggle .is-active{color:var(--color-text);font-weight:600}.document-mode-track{background:var(--color-surface-raised);border-radius:9px;align-items:center;width:24px;height:14px;padding:2px;display:inline-flex}.document-mode-track>span{background:var(--color-surface);border-radius:50%;width:10px;height:10px;transform:translate(0)}.document-mode-toggle[aria-checked=true] .document-mode-track{background:var(--color-primary)}.document-mode-toggle[aria-checked=true] .document-mode-track>span{transform:translate(10px)}@container ai-panel (width<=300px){.ai-header:has(.document-mode-toggle){flex-wrap:nowrap;gap:2px;padding-inline:6px}.ai-header:has(.document-mode-toggle)>span{flex-wrap:nowrap;flex:1;gap:3px;min-width:0}.ai-header:has(.document-mode-toggle)>div{flex-shrink:0;gap:0}.ai-header:has(.document-mode-toggle) .ai-header-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ai-header .document-mode-toggle{white-space:nowrap;flex-shrink:0;gap:3px;margin-left:2px}.document-mode-toggle>span:not(.is-active):not(.document-mode-track){display:none}}@container ai-panel (width<=239px){.ai-header:has(.document-mode-toggle)>span>svg{display:none}}