.jf-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;}.jf-btn{padding:8px 14px;border:none;border-radius:5px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity 0.15s;}.jf-btn:hover{opacity:0.85;}.jf-btn-primary{background:#2c3e50;color:#fff;}.jf-btn-secondary{background:#f0f0f0;color:#2c3e50;border:1px solid #ddd;}.jf-status{margin-left:auto;font-size:13px;font-weight:600;padding:6px 12px;border-radius:20px;}.jf-status.valid{background:#eafaf1;color:#27ae60;}.jf-status.invalid{background:#fdecea;color:#c0392b;}.jf-editor-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;color:#888;margin-bottom:6px;}.jf-textarea{width:100%;height:460px;padding:12px;font-family:'Fira Code',monospace;font-size:13px;border:1px solid #ddd;border-radius:6px;background:#1e1e2e;color:#abb2bf;resize:vertical;line-height:1.6;}.jf-textarea:focus{outline:none;border-color:#3498db;}.jf-output{width:100%;height:460px;padding:12px;margin:0;font-family:'Fira Code',monospace;font-size:13px;border:1px solid #ddd;border-radius:6px;background:#1e1e2e;color:#98c379;overflow:auto;line-height:1.6;white-space:pre;}.jf-info-bar{display:flex;gap:16px;font-size:12px;color:#888;padding:6px 2px;}.jf-info-bar span::before{margin-right:4px;}.jf-key{color:#e06c75;}.jf-string{color:#98c379;}.jf-number{color:#d19a66;}.jf-bool{color:#61afef;}.jf-null{color:#c678dd;}