/* ThinkWayAI Learning Studio — the two parts taken from the reviewer's patch (2026-10-11 evening):
   a View menu for Explain / Speed / Focus, and a neutral explain strip. Labels, header line, Prev/Next, pane split unchanged. */
.top .tw-toolbar { display:flex; align-items:center; gap:10px; min-width:0; margin-left:auto; }
.tw-settings { position:relative; flex:none; }
.tw-settings-trigger[aria-expanded=true] { filter:brightness(.94); }
.tw-settings-panel { display:none; position:absolute; z-index:90; right:0; top:calc(100% + 9px); width:min(290px,calc(100vw - 24px)); background:#fff; border:1px solid #dce5e1; border-radius:13px; box-shadow:0 18px 42px rgba(16,23,25,.18); padding:9px; gap:5px; }
.tw-settings.is-open .tw-settings-panel { display:grid; }
.tw-settings-panel .fsBtn { width:100%; height:39px; text-align:left; border-radius:8px; background:#f6f8f7; color:#1c2925; border:1px solid transparent; box-shadow:none; font-size:.8rem; }
.tw-settings-panel .fsBtn:hover { background:#eaf4ed; border-color:#b5d9c1; }
#explain { background:#fff; border-top:1px solid #e2e8e5; color:#25312e; max-height:30%; padding:12px 16px; font-size:.78rem; line-height:1.5; }
#explain .lead { display:flex; align-items:baseline; flex-wrap:wrap; gap:6px 12px; margin-bottom:7px; color:#101719; }
#explain .lead small { font-size:.78rem; color:#42514b; margin:0; }
#explain .row { align-items:baseline; gap:10px; margin:5px 0; }
#explain .chip { min-width:63px; text-align:center; font-size:.64rem; letter-spacing:0; padding:3px 8px; border-radius:6px; }
#explain .chip.you { background:#e5f8eb; color:#116b32; }
#explain .chip.claude { background:#f1e9e2; color:#80513b; }
#explain .chip.gpt { background:#e2f3ed; color:#11644d; }
#explain .chip.result { background:#edf0f2; color:#45525a; }
#explain code { background:#f4f6f5; border:1px solid #e4eae7; color:#24302d; overflow-wrap:anywhere; }
#explain .more { margin:8px 0 0; padding:5px 11px; background:#f6f8f7; color:#31443a; border:1px solid #dce5e1; border-radius:7px; font-size:.71rem; }
#explain .recon { color:#62716b; font-size:.69rem; border-top:1px solid #edf0ee; padding-top:6px; }
@media (max-width:700px) {
  .top .tw-toolbar { gap:5px; }
  body[data-mobile-view=explanation] #explain { max-height:none; }
  #explain { padding:12px; }
  #explain .lead { display:block; }
  #explain .lead small { display:block; margin-top:4px; }
}