.contextual-help__overlay{z-index:32000;pointer-events:none;position:fixed;inset:0}.contextual-help__panel{right:1rem;bottom:calc(4rem + var(--safe-area-inset-bottom));width:min(100vw - 2rem,420px);min-width:min(19rem,100vw - 2rem);max-width:calc(100vw - 1rem);height:min(78dvh,720px);min-height:20rem;max-height:calc(100dvh - 5rem - var(--safe-area-inset-top) - var(--safe-area-inset-bottom));border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md);pointer-events:auto;flex-direction:column;display:flex;position:fixed;overflow:hidden}.contextual-help__header{justify-content:space-between;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-surface);cursor:move;-webkit-user-select:none;user-select:none;flex:none;padding:.65rem .8rem;display:flex}.contextual-help__title,.contextual-help__header-actions{align-items:center;gap:var(--space-2);display:flex}.contextual-help__title{min-width:0;font-size:.86rem;font-weight:750}.contextual-help__title>svg{width:1.1rem;height:1.1rem;color:var(--color-primary);flex:none}.contextual-help__icon-button{width:1.9rem;height:1.9rem;color:var(--color-text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;font-size:1.25rem;line-height:1;display:grid}.contextual-help__icon-button:hover{background:var(--color-surface-muted);color:var(--color-text)}.contextual-help__icon-button:focus-visible,.contextual-help-button:focus-visible,.contextual-help__resize-handle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.contextual-help__frame{background:var(--color-bg);border:0;flex:auto;width:100%;height:100%;min-height:0}.contextual-help__resize-handle{background:linear-gradient(135deg,transparent 46%,var(--color-border) 47% 55%,transparent 56% 64%,var(--color-text-muted) 65% 73%,transparent 74%);cursor:nwse-resize;border:0;width:1.35rem;height:1.35rem;padding:0;position:absolute;bottom:0;right:0}.contextual-help-button{flex:none}@media (width<=560px){.contextual-help__panel{right:.5rem;bottom:calc(.5rem + var(--safe-area-inset-bottom));width:calc(100vw - 1rem);min-width:0;max-width:calc(100vw - 1rem);height:min(76dvh,680px);min-height:0;max-height:calc(100dvh - 1rem - var(--safe-area-inset-top) - var(--safe-area-inset-bottom))}.contextual-help__resize-handle{cursor:ns-resize}}@media (prefers-reduced-motion:reduce){.contextual-help__panel{scroll-behavior:auto}}
