/* In-app Help inherits Studio/Workshop tokens; public /help keeps its own theme. */
#appHelpPage{position:fixed;inset:0 0 0 var(--dnav-w,0px);z-index:60;overflow:auto;overscroll-behavior:contain;background:var(--bg);color:var(--ink);font-family:var(--font-ui);box-sizing:border-box}
#appHelpPage .app-help-inner{max-width:800px;margin:auto;padding:28px 32px 80px}
#appHelpPage .app-help-back{display:inline-flex;align-items:center;min-height:44px;margin-bottom:28px;border:0;padding:0;background:transparent;color:var(--ink-2);font:600 14px var(--font-ui);cursor:pointer}
#appHelpPage .help-eyebrow{color:var(--accent-ink);font:12px var(--font-mono);letter-spacing:.1em}
#appHelpPage h1{font:800 clamp(36px,6vw,56px)/1.1 var(--font-display);letter-spacing:-.04em;margin:12px 0 30px}
#appHelpPage .help-ask{margin-bottom:40px}
#appHelpPage .help-ask-label{display:block;font-weight:600;margin-bottom:10px}
#appHelpPage .shelfy-landing-search{position:relative;display:block;max-width:none;margin:0}
#appHelpPage input{width:100%;min-height:56px;box-sizing:border-box;padding:14px 112px 14px 16px;border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--surface);color:var(--ink);font:16px var(--font-ui)}
#appHelpPage .shelfy-search-chip{right:8px}
#appHelpPage .help-faq-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:16px}
#appHelpPage h2{font:700 23px/1.3 var(--font-display);margin:0;letter-spacing:-.025em}
#appHelpPage .help-count{font:11px var(--font-mono);color:var(--muted);white-space:nowrap}
#appHelpPage .help-section{margin-top:28px}
#appHelpPage h3{font:600 14px var(--font-ui);color:var(--accent-ink);margin:0 0 12px}
#appHelpPage .help-question{border-bottom:1px solid var(--line)}
#appHelpPage summary{display:flex;justify-content:space-between;gap:16px;list-style:none;padding:20px 0;cursor:pointer;font-weight:600;line-height:1.45}
#appHelpPage summary::-webkit-details-marker{display:none}
#appHelpPage summary::after{content:"+";color:var(--accent-ink)}
#appHelpPage details[open] summary::after{content:"−"}
#appHelpPage .help-answer{padding:0 20px 20px 0;color:var(--ink-2);line-height:1.65;overflow-wrap:anywhere}
#appHelpPage .help-answer p{margin:0 0 12px;white-space:pre-wrap}
#appHelpPage .help-state,#appHelpPage .help-shelfy-status{color:var(--muted);font-size:14px}
#appHelpPage .help-skeleton{display:grid;gap:24px;padding:20px 0}
#appHelpPage .help-skeleton span{height:14px;width:75%;border-radius:3px;background:var(--line)}
#appHelpPage .help-skeleton span:nth-child(2){width:90%}
#appHelpPage .help-retry{min-height:44px;border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);padding:8px 16px;cursor:pointer}
#appHelpPage :where(button,input,summary):focus-visible{outline:2px solid var(--focus-outline);outline-offset:3px}
body.app-help-open #deskNav .dn-main .on{background:transparent;color:var(--muted)}
@media(max-width:700px),(pointer:coarse) and (min-width:701px) and (max-width:1366px){
  #appHelpPage{bottom:calc(68px + env(safe-area-inset-bottom));left:0}
  #appHelpPage .app-help-inner{padding:16px 20px 48px}
  #appHelpPage .app-help-back{margin-bottom:16px}
  #appHelpPage .help-faq-heading{flex-wrap:wrap;gap:8px}
}
.shelf-rename-form{display:flex;align-items:center;flex-wrap:wrap;gap:8px;width:100%;padding-block:8px}
.shelf-rename-form label{width:100%;font-weight:600;font-size:13px}
.shelf-rename-form input{flex:1;min-width:140px;min-height:44px;box-sizing:border-box;border:1px solid var(--line-2);border-radius:var(--r-sm);padding:8px 12px;background:var(--surface);color:var(--ink);font:16px var(--font-ui)}