/* Reel Frame Maker — focus module styles (v1.4.0) */
#rfm-gen .rfm-focus-list{margin-bottom:14px}
#rfm-gen .rfm-focus-hd{font:600 11px Inter;letter-spacing:.05em;text-transform:uppercase;color:var(--tx-dim);margin:0 0 8px}
#rfm-gen .rfm-focus-items{display:flex;flex-wrap:wrap;gap:6px}
#rfm-gen .rfm-focus-item{font:600 12.5px Inter;color:var(--tx-dim);background:var(--panel-2);border:1px solid var(--line);border-radius:9px;padding:7px 12px;cursor:pointer;transition:.15s;white-space:nowrap}
#rfm-gen .rfm-focus-item:hover{border-color:var(--line-2)}
#rfm-gen .rfm-focus-item.on{color:#fff;background:var(--accent);border-color:var(--accent)}
#rfm-gen .rfm-gen-field.rfm-focus{outline:2px solid var(--accent);outline-offset:4px;border-radius:8px}
#rfm-gen .rfm-focus-outline{position:absolute;pointer-events:none;border:2px solid var(--accent);border-radius:6px;z-index:5;display:none}

/* resizable preview */
#rfm-gen .rfm-col-preview .rfm-reelwrap{max-width:100%}
#rfm-gen .rfm-body.rfm-has-divider{grid-template-columns:minmax(0,1fr) 6px var(--rfm-pw,360px)}
#rfm-gen .rfm-divider{background:var(--line);border-radius:3px;cursor:col-resize;align-self:stretch;min-height:140px;touch-action:none;transition:background .15s}
#rfm-gen .rfm-divider:hover{background:var(--accent)}
@media(max-width:900px){
  #rfm-gen .rfm-body.rfm-has-divider{grid-template-columns:1fr}
  #rfm-gen .rfm-divider{display:none}
}