/* The eye stays in the header; settings reveal left without increasing its height. */
.top-actions>#displayControls{display:flex!important}
.topbar .top-actions:has(#displayControls){margin-left:auto}
.display-controls{position:relative;flex:0 0 auto;display:flex;align-items:center}
.display-controls-toggle{display:grid;place-items:center;width:28.6px;height:28.6px;min-height:28.6px;padding:5px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--ink)}
.display-controls-toggle svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.display-controls-toggle[aria-expanded=true]{background:var(--blue);border-color:var(--blue);color:#fff}
.display-controls-toggle:focus-visible{outline:3px solid var(--appearance-focus,#175cd3);outline-offset:2px}
.display-controls-panel{position:absolute;right:calc(100% + 8px);top:50%;z-index:40;display:flex;align-items:center;gap:10px;width:max-content;max-width:calc(100vw - 80px);height:32px;min-height:32px;padding:0 8px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;transform:translate(12px,-50%);clip-path:inset(-8px -8px -8px 100%);opacity:0;visibility:hidden;pointer-events:none;transition:transform .2s ease,clip-path .2s ease,opacity .15s ease,visibility 0s linear .2s}
.display-controls-panel::-webkit-scrollbar{display:none}
.display-controls[data-open=true] .display-controls-panel{transform:translate(0,-50%);clip-path:inset(-8px);opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
.display-controls-panel .pi-resizer{flex:0 0 auto;flex-wrap:nowrap;max-width:none;margin:0}
.display-controls-panel .pi-presets{flex-wrap:nowrap;max-width:none}
.display-controls-panel .pi-appearance-control{border-right:1px solid var(--line);padding-right:10px}
.display-controls-panel button:focus-visible{outline:2px solid var(--appearance-focus,#175cd3);outline-offset:-2px}
@media(prefers-reduced-motion:reduce){.display-controls-panel{transition:none;transform:translate(0,-50%)}}
@media(forced-colors:active){.display-controls-toggle[aria-expanded=true]{outline:2px solid Highlight}.display-controls-panel{border-color:CanvasText}}