.jf-tabs { display: flex; gap: 4px; margin-bottom: 12px; }
    .jf-tab { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1); border-radius: 8px; color: #9ca3af; font-size: 13px; padding: 6px 14px; cursor: pointer; transition: background 0.15s, color 0.15s; }
    .jf-tab.is-active { background: rgba(0,245,255,0.12); border-color: rgba(0,245,255,0.35); color: #00f5ff; }
    .jf-indent-row { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
    .jf-indent-row label { font-size: 12px; color: #9ca3af; }
    .jf-indent-row select { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.12); border-radius: 8px; color: #e0e0e0; font-size: 13px; padding: 5px 10px; outline: none; cursor: pointer; }
    .jf-error { background: rgba(239,68,68,0.1); border: 1px solid rgba(239,68,68,0.35); border-radius: 8px; padding: 10px 14px; font-size: 13px; color: #f87171; font-family: monospace; display: none; margin-top: 8px; white-space: pre-wrap; }
    .jf-valid-badge { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; padding: 3px 10px; border-radius: 20px; margin-left: 8px; }
    .jf-valid-badge.ok { background: rgba(52,211,153,0.15); color: #34d399; }
    .jf-valid-badge.err { background: rgba(239,68,68,0.15); color: #f87171; }
    .jf-stats { font-size: 12px; color: #6b7280; margin-top: 6px; }