.study-view-controls{display:inline-flex;align-items:center;flex:none}
.study-split-active #year-mode-row>.card-meta-actions{margin-left:0;gap:0}
.study-split-active #year-mode-row>.card-meta-actions>.score-badge{display:none}
@media(max-width:600px){.study-split-active #year-mode-row{grid-template-columns:80px 68px minmax(0,1fr) auto auto}}
.study-view-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--text-sub);cursor:pointer}
.study-view-toggle:hover{background:var(--surface3);border-color:var(--border);color:var(--text)}
.study-view-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.study-view-toggle:focus-visible,.study-split-divider:focus-visible:not(.pointer-focused){outline:3px solid var(--accent2);outline-offset:-3px}
.study-view-controls[hidden],.study-view-controls [hidden],.study-split-grid[hidden],.study-split-card>.tabs[hidden]{display:none!important}
.study-split-view{min-height:0;overflow:hidden;padding:6px 10px 76px;display:flex;flex-direction:column}
.study-split-view .render-status,.study-split-view #back-to-ch{flex-shrink:0}
.study-split-card.active{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;max-width:none}
.study-split-card>.card-meta,.study-split-card>.related-return{flex-shrink:0}
.study-split-grid{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);flex:1;min-height:0;overflow:hidden}
.study-pane{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.study-pane>.tabs{flex-shrink:0;padding:0 5px;gap:3px;min-height:44px;overflow-x:auto}
.study-pane .tab-btn{min-width:0;flex:1;padding:5px 3px;font-size:12px;min-height:44px}
.study-pane .tab-btn.pane-selected{opacity:1;border-bottom-color:currentColor;background:var(--surface3)}
.study-pane-scroll{min-height:0;flex:1;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}
.study-pane .tab-panel{display:none;padding:14px 12px 24px}
.study-pane .tab-panel.pane-selected{display:block;border-left-color:var(--border)}
.study-pane .slide-nav{display:none}
.study-pane>[hidden],.study-reference[hidden]{display:none!important}
.study-reference{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
.study-reference-bar{display:flex;align-items:center;gap:8px;flex:none;min-height:44px;border-bottom:1px solid var(--border);font-size:12px;color:var(--text-sub)}
.study-reference-back{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;background:transparent;color:var(--accent);cursor:pointer;border-radius:8px}
.study-reference-back:hover{background:var(--surface3)}
.study-reference-back:focus-visible{outline:3px solid var(--accent2);outline-offset:-3px}
.study-reference-back svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
.study-reference-frame{display:block;border:0;width:100%;flex:1;min-height:0;background:var(--surface)}
.study-split-divider{position:relative;cursor:col-resize;touch-action:none;user-select:none;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--accent);z-index:1}
.study-split-divider::before{content:"";position:absolute;inset-block:0;left:50%;width:1px;transform:translateX(-50%);background:var(--border)}
.study-split-divider span{position:relative;width:16px;font:700 24px/1 sans-serif;text-align:center;padding:12px 0;border-radius:8px;background:var(--surface3);opacity:0;transition:opacity .12s}
.study-split-divider.dragging::before,.study-split-divider:focus-visible:not(.pointer-focused)::before{width:3px;background:var(--accent)}
.study-split-divider.dragging span,.study-split-divider:focus-visible:not(.pointer-focused) span{opacity:1}
.study-split-divider.pointer-focused{outline:none}
@media(hover:hover) and (pointer:fine){
 .study-split-divider:hover::before{width:3px;background:var(--accent)}
 .study-split-divider:hover span{opacity:1}
}