.observation-toolbar{display:flex;justify-content:flex-end;padding:12px 18px;grid-column:1/-1;background:var(--surface);border-bottom:1px solid var(--border)}.observation-toolbar button{min-height:44px;font:inherit;font-size:14px;border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:8px;padding:9px 14px;cursor:pointer}.observation-toolbar button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.observation-concealed{display:none!important}.observation-ancestor>:not(.observation-ancestor):not(.observation-expanded){display:none!important}body.observation-active{overflow:hidden}.observation-expanded{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:1000!important;max-width:none!important;max-height:100dvh!important;width:100%!important;margin:0!important;border-radius:0!important;overflow:auto!important;overscroll-behavior:contain;align-content:start}.observation-expanded>.observation-toolbar{position:sticky;top:0;z-index:5}.observation-expanded svg{max-height:64dvh}.observation-boundary{font-size:13px;line-height:1.7;margin:0;padding:12px 20px;grid-column:1/-1;color:var(--secondary);background:var(--surface);border-top:1px solid var(--border)}.observation-panel-hidden{display:none!important}.observation-toolbar{gap:8px;align-items:center;flex-wrap:wrap;flex-shrink:0}.observation-toolbar button[aria-expanded=true]{border-color:var(--accent);background:var(--tint,var(--surface))}.observation-toolbar .observation-title{margin:0 auto 0 0;font-size:18px;line-height:1.35;min-width:0}.observation-expanded{height:100dvh!important;background:var(--page)}@media(max-width:600px){.observation-toolbar{padding:8px;gap:6px}.observation-toolbar button{font-size:12px;padding:8px 10px}.observation-toolbar .observation-title{flex-basis:100%;font-size:16px}}