.viewer-help-launcher{position:fixed;top:12px;right:112px;z-index:100;width:36px;height:36px;min-height:36px;padding:7px;display:grid;place-items:center;border:1px solid #7d96b433;border-radius:50%;background:#172331;color:#c8d8e8}.viewer-help-launcher[hidden]{display:none}.viewer-help-launcher svg{width:21px;height:21px}
.viewer-help{width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #7892ae40;border-radius:16px;background:#111b26;color:#eaf0f7;box-shadow:0 20px 80px #0008;font:13px/1.55 system-ui,sans-serif;overflow:auto;box-sizing:border-box;scrollbar-width:thin;color-scheme:dark}.viewer-help::backdrop{background:#030812b8;backdrop-filter:blur(5px)}.viewer-help header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;background:#111b26f7;border-bottom:1px solid #7892ae25}.viewer-help header small{font-size:9px;letter-spacing:.18em;color:#a58bfa;font-weight:700}.viewer-help h1{font-size:21px;line-height:1.3;margin:4px 0 0}.viewer-help header button{flex:none;width:44px;height:44px;min-height:44px;border:1px solid #7892ae35;border-radius:50%;background:#1b2939;color:#d9e7f5;font-size:24px}.viewer-help-content{padding:0 26px 24px}.viewer-help section{margin-top:26px}.viewer-help h2{font-size:14px;margin:0 0 12px;color:#f0f4fb}.viewer-help p{margin:5px 0;color:#afc0d2}.viewer-help .help-intro{padding-top:18px;color:#cbd8e7}.viewer-help .help-note{font-size:12px;color:#8fa4ba;margin-top:12px}.help-mobile{display:none}.help-on-mobile .help-mobile{display:block}.help-on-mobile .help-desktop{display:none}.help-shortcuts{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 26px}.help-shortcuts>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #7892ae20}.help-shortcuts dt{color:#c4d2e1}.help-shortcuts dd{margin:0;text-align:right;font-size:11px;white-space:nowrap}.viewer-help kbd{display:inline-block;background:#1d2d3e;border:1px solid #829db441;border-radius:5px;padding:2px 6px;font:11px system-ui;color:#e1ecf7}.help-definitions{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px}.help-definition{display:flex;gap:12px;align-items:start}.help-definition>svg{width:22px;height:22px;flex:none;color:#9eb5cf;margin-top:2px}.help-definition strong{font-size:12px}.help-definition p{font-size:12px;margin:2px 0 0}.help-highlights>svg{color:#ba85ff}.help-actions>svg{color:#63a4ff}.help-comments>svg{color:#59d9ab}.viewer-help .help-privacy{border-top:1px solid #7892ae25;margin-top:26px;padding-top:16px;font-size:11px;color:#8fa4ba}.help-video-map{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #8c74d459;border-radius:12px;overflow:hidden;background:linear-gradient(130deg,#262242,#14283c)}.help-video-map>div{display:flex;flex-direction:column;align-items:center;text-align:center;padding:18px 7px;gap:5px}.help-video-map>div+div{border-left:1px dashed #a49ac444}.help-video-map b{font-size:25px;color:#c49aff;font-weight:400;line-height:1.2}.help-video-map strong{font-size:11px}.help-video-map span{font-size:10px;color:#acbed2}.help-video-map footer{grid-column:1/-1;text-align:center;background:#0c162b77;padding:10px;font-size:11px;color:#b9cbe0}.help-steps{display:grid;gap:15px;margin:22px 0}.help-steps article{display:flex;gap:12px}.help-steps article>b{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#a57aff20;color:#c4a4ff;font-size:12px}.help-steps p{font-size:12px}.help-steps strong{font-size:12px}
@media(max-width:600px){.viewer-help{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:12px}.viewer-help header{padding:16px}.viewer-help h1{font-size:18px}.viewer-help-content{padding:0 16px 20px}.help-definitions{grid-template-columns:1fr;gap:16px}.help-shortcuts{grid-template-columns:1fr}.viewer-help-launcher{right:104px}}
@media(prefers-reduced-motion:reduce){.viewer-help::backdrop{backdrop-filter:none}}
.viewer-help-launcher{z-index:1100}
.viewer-help-launcher span{display:none}
.viewer-help-launcher.help-in-landscape{top:max(10px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));width:auto;height:40px;min-height:40px;padding:0 12px;display:flex;gap:7px;border-radius:22px;background:#101b2bc9;backdrop-filter:blur(8px);font-size:12px;color:#e1edf9}
.viewer-help-launcher.help-in-landscape span{display:inline}
.viewer-help header button{display:grid;place-items:center;padding:0;line-height:1;box-sizing:border-box}
.viewer-help header button svg{display:block;width:20px;height:20px;flex:none}
.viewer-help.help-on-mobile{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100dvh;max-height:none;border:0;border-radius:0;box-shadow:none;overflow:auto}
.viewer-help.help-on-mobile header{padding:calc(12px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left))}
.viewer-help.help-on-mobile .viewer-help-content{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:calc(24px + env(safe-area-inset-bottom))}
@media(orientation:landscape){.viewer-help.help-on-mobile .viewer-help-content{max-width:840px;margin-inline:auto}.viewer-help.help-on-mobile header{padding-top:8px;padding-bottom:8px}.viewer-help.help-on-mobile h1{font-size:18px}}