/* Reel Frame Maker — app-shell 3-column editor (v1.6.0) */
#rfm-gen.rfm-3col{max-width:1500px}
#rfm-gen.rfm-3col .rfm-body{
	grid-template-columns:var(--rfm-w1,168px) 6px minmax(0,1fr) 6px var(--rfm-w3,320px);
	gap:0; align-items:stretch;
	height:82vh; min-height:500px;
}
#rfm-gen.rfm-3col .rfm-col-nav,
#rfm-gen.rfm-3col .rfm-col-settings,
#rfm-gen.rfm-3col .rfm-col-preview{
	height:100%; overflow-y:auto; overflow-x:hidden; min-width:0;
	display:flex; flex-direction:column; gap:16px;
	padding:2px 14px;
}
#rfm-gen.rfm-3col .rfm-col-nav{padding-left:2px}
#rfm-gen.rfm-3col .rfm-col-preview{padding-right:2px}
#rfm-gen.rfm-3col .rfm-col-preview .rfm-reelwrap{max-width:100%}
/* thin scrollbars inside columns */
#rfm-gen.rfm-3col .rfm-col-nav::-webkit-scrollbar,
#rfm-gen.rfm-3col .rfm-col-settings::-webkit-scrollbar,
#rfm-gen.rfm-3col .rfm-col-preview::-webkit-scrollbar{width:8px}
#rfm-gen.rfm-3col .rfm-col-nav::-webkit-scrollbar-thumb,
#rfm-gen.rfm-3col .rfm-col-settings::-webkit-scrollbar-thumb,
#rfm-gen.rfm-3col .rfm-col-preview::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:8px}
/* resize handles */
#rfm-gen.rfm-3col .rfm-divider3{background:var(--line);cursor:col-resize;touch-action:none;transition:background .15s;align-self:stretch}
#rfm-gen.rfm-3col .rfm-divider3:hover{background:var(--accent)}
/* reset-view button */
#rfm-gen .rfm-reset-view{
	background:transparent;border:1px solid var(--line-2);color:var(--tx-dim);
	border-radius:9px;padding:6px 10px;font-size:12px;cursor:pointer;line-height:1;white-space:nowrap;
}
#rfm-gen .rfm-reset-view:hover{color:var(--tx);border-color:var(--tx-faint)}
/* stack on small screens: revert to normal page flow */
@media(max-width:900px){
	#rfm-gen.rfm-3col .rfm-body{grid-template-columns:1fr;height:auto;min-height:0;gap:16px}
	#rfm-gen.rfm-3col .rfm-col-nav,
	#rfm-gen.rfm-3col .rfm-col-settings,
	#rfm-gen.rfm-3col .rfm-col-preview{height:auto;overflow:visible;padding:0}
	#rfm-gen.rfm-3col .rfm-divider3{display:none}
}