/* ====== Reel Frame Maker — public view mode (Simple / Advanced) ====== */

#rfm-gen .rfm-viewbar{display:flex;gap:6px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:5px}
#rfm-gen .rfm-viewbar button{
  flex:1;font:700 12.5px Inter;color:var(--tx-dim);background:transparent;border:0;border-radius:9px;
  padding:9px;cursor:pointer;transition:.15s
}
#rfm-gen .rfm-viewbar button:hover:not(.on){color:var(--tx)}
#rfm-gen .rfm-viewbar button.on{background:rgba(209,43,61,.16);color:var(--tx)}

#rfm-gen .rfm-viewseg{display:flex;gap:6px}
#rfm-gen .rfm-viewseg button{
  flex:1;font:600 12.5px Inter;color:var(--tx-dim);background:var(--panel-2);border:1px solid var(--line);
  border-radius:9px;padding:10px;cursor:pointer;transition:.15s
}
#rfm-gen .rfm-viewseg button:hover:not(.on){border-color:var(--line-2)}
#rfm-gen .rfm-viewseg button.on{background:rgba(209,43,61,.14);border-color:var(--accent);color:var(--tx)}

/* show/hide by mode (!important beats generator inline display toggles) */
#rfm-gen.rfm-view-simple   .rfm-adv{display:none!important}
#rfm-gen.rfm-view-advanced .rfm-simple-only{display:none!important}