html, body { font-family: Inter, sans-serif !important; font-size: 13px; }
[class*='LayerView-'][class$='__view'] { background: var(--paper); color: var(--ink); }
[class*='LayerView-'][class$='__sidebar'] { font-family: Inter, sans-serif; background: var(--panel); color: var(--ink); border-right: 1px solid var(--line); }
[class*='Commentary-'], [class*='Sidebar-'], [class*='Walkthrough-'] { font-family: Inter, sans-serif; }
[class*='Commentary-'][class$='__tocBackground'] { background: var(--panel); color: var(--ink); border-color:var(--line); }
[class*='LayerView-'][class$='__canvasWrap'] { background:#f3f3f3; }
html:not([data-theme='light']) [class*='LayerView-'][class$='__canvas'] { background:#f3f3f3; filter:invert(1) hue-rotate(180deg); }
button { font-family: Inter, sans-serif !important; }
[class*='Commentary-'][class$='__walkthroughText'] { text-align:left; line-height:1.65; }
[class*='Commentary-'][class$='__title'] { font-style:normal; font-weight:500; }

button { color:var(--ink) !important; background:var(--panel) !important; border-color:var(--line) !important; }
[class*='Sidebar-'][class*='__phase'][class*='__active'] { background:var(--accent); color:var(--paper); }
[class*='Sidebar-'][class$='__topSplit'] > :not([class*='__toc']) { background:#f3f3f3; color:#182338; border-radius:8px; }

[class*='TocDiagram-'][class$='__tocDiagram'] > svg { background:#f3f3f3; color:#17243b; border-radius:8px; }
[class*='TocDiagram-'][class*='__menuEntry'][class*='__active'] { background:var(--accent); color:var(--paper); }

[class*='LayerView-'][class$='__view'] { flex-direction:column; }
[class*='LayerView-'][class$='__view'] > .x-resize-parent,
[class*='LayerView-'][class$='__view'] > .x-resize-parent > .x-resize-c0,
[class*='LayerView-'][class$='__view'] > .x-resize-parent > .x-resize-c1 { display:contents; }
[class*='LayerView-'][class$='__view'] > .x-resize-parent > .x-resize-slide,
[class*='LayerView-'][class$='__view'] > .x-resize-parent > .x-resize-slide-hit { display:none; }
[class*='LayerView-'][class$='__sidebar'] { order:0; flex:0 0 auto; width:100%; border-right:0; border-bottom:1px solid var(--line); }
[class*='Sidebar-'][class$='__timelineLeft'] { display:none; }
[class*='Sidebar-'][class$='__content'] { display:grid; grid-template-columns:minmax(300px, 1.3fr) auto minmax(180px, 1fr); gap:16px; align-items:center; padding:4px 8px; }
[class*='Commentary-'][class$='__chapterControls'], [class*='Commentary-'][class$='__controls'] { display:flex; gap:8px; align-items:center; margin:0; }
[class*='Commentary-'][class$='__chapterTitle'] { display:flex; gap:8px; align-items:center; font-size:12px; }
[class*='Commentary-'][class$='__chapterTitle'] select { width:100%; }
.stage-progress { display:flex; gap:8px; align-items:center; font-size:12px; }
.stage-progress input { width:100%; min-width:60px; }
[class*='LayerView-'][class$='__canvasWrap'] { order:1; flex:1; height:auto; min-height:250px; }
[class*='LayerView-'][class$='__canvasWrap'] .cursor-pointer { color:var(--ink); background:var(--panel); border:1px solid var(--line); }
[class*='LayerView-'][class$='__canvasWrap'] .cursor-pointer.bg-blue-200 { color:var(--paper); background:var(--accent); }
[class*='LayerView-'][class$='__canvasWrap'] .cursor-pointer:hover { border-color:var(--accent); }
@media(max-width:800px) { [class*='Sidebar-'][class$='__content'] { grid-template-columns:1fr; gap:8px; } }