.rf-section{margin-bottom: 2rem;}
.rf-card{background: var(--surface, #fff);border-radius: 12px;border: 1px solid var(--border, #e5e7eb);box-shadow: var(--shadow-soft, 0 1px 3px rgba(0,0,0,.06));overflow: hidden;}
.rf-actions{display: flex;flex-wrap: wrap;gap: 0.5rem;padding: 0.75rem 1rem;border-bottom: 1px solid var(--border, #e5e7eb);background: var(--surface-muted, #f9fafb);align-items: center;}
.rf-btn{display: inline-flex;align-items: center;justify-content: center;min-height: 44px;padding: 0.5rem 1rem;border: 1px solid var(--border, #e5e7eb);border-radius: 8px;font-size: 0.9375rem;font-weight: 500;cursor: pointer;transition: background .15s, border-color .15s;background: var(--surface, #fff);color: var(--text-main, #111);}
.rf-btn:hover{background: var(--surface-muted, #f3f4f6);border-color: var(--text-muted, #6b7280);}
.rf-btn-primary{background: var(--primary, #2563eb);color: #fff;border-color: var(--primary, #2563eb);}
.rf-btn-primary:hover{background: var(--primary-dark, #1d4ed8);border-color: var(--primary-dark, #1d4ed8);}
.rf-panes{display: flex;flex-direction: column;}
.rf-pane{display: flex;flex-direction: column;min-height: 280px;}
.rf-pane:first-child{border-bottom: 1px solid var(--border, #e5e7eb);}
.rf-pane-head{display: flex;align-items: center;justify-content: space-between;padding: 0.5rem 1rem;background: var(--surface, #fff);border-bottom: 1px solid var(--border, #e5e7eb);}
.rf-pane-label{font-size: 0.8125rem;font-weight: 600;color: var(--text-muted, #6b7280);text-transform: uppercase;letter-spacing: .03em;}
.rf-editor-wrap{flex: 1;min-height: 340px;}
.rf-editor{width: 100%;min-height: 340px;}
.rf-editor-readonly{pointer-events: auto;}
@media (min-width: 768px){.rf-panes{flex-direction: row;}
.rf-pane{min-height: 380px;flex: 1;}
.rf-pane:first-child{border-bottom: none;border-right: 1px solid var(--border, #e5e7eb);}
.rf-editor-wrap{min-height: 440px;}
.rf-editor{min-height: 440px;}
.rf-actions{padding: 0.875rem 1.25rem;gap: 0.75rem;}}
@media (min-width: 1024px){.rf-pane{min-height: 420px;}
.rf-editor-wrap{min-height: 480px;}
.rf-editor{min-height: 480px;}}