.help-dialog{position:relative;width:min(920px,96vw);padding:16px 18px 18px}
.help-dialog>.close{position:absolute;top:8px;right:8px;float:none;z-index:1;min-height:32px}
.help-header{display:flex;align-items:center;gap:14px;padding-right:36px}
.help-header img{width:168px;height:auto}
.help-heading h2{margin:0;font-size:20px;font-weight:600;letter-spacing:-.2px}
.help-cats,.help-pages{display:flex;gap:6px;margin:14px 0 12px}
.help-cats button,.help-pages button,.help-back,.help-tour,.help-faq-q,.help-tab{min-height:32px;border:1px solid var(--line);border-radius:6px;padding:6px 10px;font-size:13px}
.help-cats button[aria-selected=true],.help-pages button[aria-selected=true]{background:var(--selection, #243044);color:var(--text);border-color:transparent}
.help-about p,.help-detail p,.tour-card p{margin:0 0 10px;color:var(--muted);font-size:14px;line-height:1.5}
.help-faq{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.help-faq-q{text-align:left;background:transparent}
.help-faq-a{margin:6px 2px 2px;font-size:13px}
.help-shot{position:relative;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#07080c}
.help-shot img{display:block;width:100%;height:auto}
.help-tag{position:absolute;transform:translate(-50%,-50%);padding:2px 8px;border-radius:999px;border:1px solid #7aa2ff;background:#12151ce6;color:#fff;font-size:11px;line-height:1.4;min-height:0;white-space:nowrap}
.help-tag:hover,.help-tag:focus-visible{background:#2450b8}
.help-detail h3{margin:8px 0;font-size:16px}
.help-keys{margin:0 0 8px;padding-left:18px;color:var(--text);font-size:13px;line-height:1.55}
.help-tour{margin-top:12px}
.help-dialog .primary,.tour-nav .primary{background:var(--primary, #3b82f6);color:#fff;border-color:transparent}
#guided-tour{position:fixed;inset:0;z-index:40;pointer-events:none}
.tour-spot{position:fixed;border-radius:8px;box-shadow:0 0 0 9999px #0009;outline:2px solid #7aa2ff;pointer-events:none}
.tour-card{position:fixed;width:min(340px,calc(100vw - 24px));pointer-events:auto;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:14px;box-shadow:0 10px 28px #0007}
.tour-card h2{margin:0 0 6px;font-size:16px}
.tour-nav{display:flex;align-items:center;gap:8px}
.tour-control{min-height:32px;padding:6px 10px;border:1px solid var(--line);border-radius:6px;font-size:13px}
.tour-count{margin-left:auto;color:var(--muted);font-size:12px}
.library-empty .empty-cta{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
#library-tour,button.empty-tour{min-height:42px;padding:8px 16px;border:1px solid var(--line);border-radius:7px}
.workspace-empty .empty-tour{margin-top:8px}