.br-json-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--br-space-sm);padding:var(--br-space-md);margin-bottom:var(--br-space-md);background-color:var(--br-color-bg-light);border:1px solid var(--br-color-border);border-radius:var(--br-radius)}.br-json-toolbar__actions{display:flex;flex-wrap:wrap;gap:var(--br-space-xs)}.br-json-toolbar__option{display:flex;align-items:center;gap:var(--br-space-xs)}.br-json-toolbar__option-label{font-size:var(--br-text-xs);font-weight:600;color:var(--br-color-text-sub);white-space:nowrap}.br-json-toolbar__select{padding:var(--br-space-xxs) var(--br-space-sm);padding-right:var(--br-space-lg);font-size:var(--br-text-xs);font-family:var(--br-font-sans);color:var(--br-color-text);background-color:var(--br-color-surface);border:1px solid var(--br-color-border);border-radius:var(--br-radius);min-height:2.25rem;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.br-json-toolbar__select:focus{outline:2px solid var(--br-color-accent);outline-offset:2px}.br-json-status{display:flex;align-items:center;gap:var(--br-space-xs);padding:var(--br-space-sm) var(--br-space-md);font-size:var(--br-text-xs);font-weight:600;border-radius:var(--br-radius);margin-bottom:var(--br-space-md)}.br-json-status--success{background-color:rgba(34,197,94,.1);color:#16a34a;border:1px solid rgba(34,197,94,.2)}.br-json-status--error{background-color:rgba(239,68,68,.08);color:#dc2626;border:1px solid rgba(239,68,68,.2)}.br-json-editor{display:flex;flex-direction:column;gap:0}.br-json-editor__pane{flex:1;display:flex;flex-direction:column;min-width:0}.br-json-editor__header{display:flex;align-items:center;justify-content:space-between;min-height:2.25rem;margin-bottom:var(--br-space-xs)}.br-json-editor__label{display:block;font-size:var(--br-text-xs);font-weight:700;color:var(--br-color-text-sub);letter-spacing:.025em;text-transform:uppercase}.br-json-editor__divider{display:flex;align-items:center;justify-content:center;padding:var(--br-space-sm) 0;color:var(--br-color-text-sub);opacity:.5}.br-json-editor__arrow--right{display:none}.br-json-editor__arrow--down{display:block}.br-json-editor__textarea{flex:1;width:100%;min-height:16rem;padding:var(--br-space-md);font-family:"SF Mono",Consolas,"Liberation Mono",Menlo,monospace;font-size:var(--br-text-xs);line-height:1.6;color:var(--br-color-text);background-color:var(--br-color-surface);border:1px solid var(--br-color-border);border-radius:var(--br-radius);resize:vertical;tab-size:2;white-space:pre;overflow-x:auto;transition:border-color .15s}.br-json-editor__textarea:focus{outline:0;border-color:var(--br-color-accent);box-shadow:0 0 0 3px rgba(37,99,235,.12)}.br-json-editor__textarea::placeholder{color:var(--br-color-text-sub);font-family:var(--br-font-sans);opacity:.6}.br-json-editor__textarea--output{background-color:var(--br-color-bg-light)}@media (min-width:768px){.br-json-editor{flex-direction:row;gap:0}.br-json-editor__pane{flex:1}.br-json-editor__divider{flex-shrink:0;width:2.5rem;padding:2.25rem 0 0;align-self:stretch}.br-json-editor__arrow--right{display:block}.br-json-editor__arrow--down{display:none}.br-json-editor__textarea{min-height:22rem}}@media (max-width:767px){.br-json-toolbar{flex-direction:column;align-items:stretch;gap:var(--br-space-sm)}.br-json-toolbar__actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--br-space-xs)}.br-json-toolbar__actions .br-btn:first-child{grid-column:1/-1}.br-json-toolbar__actions .br-btn{width:100%;justify-content:center;font-size:var(--br-text-xs)}.br-json-toolbar__option{display:flex;justify-content:flex-start;gap:var(--br-space-xs)}.br-json-toolbar__select{flex:1}}