*{box-sizing:border-box}body{color:#1f2328;background:#f6f8fa;margin:0;font:15px/1.5 system-ui,sans-serif}.app-header{color:#fff;background:#1f2937;flex-wrap:wrap;align-items:baseline;gap:1rem;padding:.75rem 1.5rem;display:flex}.app-header h1{margin:0;font-size:1.15rem}.app-subtitle{opacity:.75;font-size:.85rem}.app-example-select{margin-left:auto;font-size:.85rem}.app-example-select select{font:inherit;margin-left:.5rem;padding:.25rem .5rem}.app-main{grid-template-columns:240px 3fr 2fr;align-items:start;gap:1.5rem;max-width:1400px;margin:0 auto;padding:1.5rem;display:grid}@media (width<=1000px){.app-main{grid-template-columns:1fr}}.app-panel{background:#fff;border:1px solid #d1d9e0;border-radius:8px;padding:1.25rem}.app-panel h2{margin:0 0 .25rem;font-size:1.1rem}.app-sidebar h2{margin-bottom:1rem}.app-field{flex-direction:column;gap:.25rem;margin-bottom:1rem;font-size:.85rem;font-weight:600;display:flex}.app-field select,.app-field input{font:inherit;padding:.35rem .5rem;font-weight:400}.app-checkbox{margin-bottom:1rem}.app-group-heading{border-top:1px solid #d1d9e0;margin:1.25rem 0 .75rem;padding-top:1rem;font-size:.9rem}.app-sidebar h3:first-of-type{border-top:none;margin-top:.5rem;padding-top:0}.app-checkbox{align-items:center;gap:.5rem;font-size:.85rem;display:flex}.app-error{color:#c62828;background:#fdecea;border:1px solid #c62828;border-radius:6px;margin:0;padding:.75rem 1rem;font-size:.85rem}.app-description{color:#59636e;margin:0 0 1.25rem;font-size:.85rem}.app-tabs{border-bottom:1px solid #d1d9e0;gap:.25rem;margin-bottom:.75rem;display:flex}.app-tab{font:inherit;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.4rem .8rem;font-size:.85rem}.app-tab--active{color:#1565c0;border-bottom-color:#1565c0;font-weight:600}.app-json{margin:0;font-size:13px;line-height:1.5;overflow:auto}.jf-control{flex-direction:column;gap:.25rem;display:flex}.jf-label{font-size:.85rem;font-weight:600}.jf-label--checkbox{align-items:center;gap:.5rem;font-weight:400;display:flex}.jf-required{color:#c62828}.jf-input{font:inherit;border:1px solid #d1d9e0;border-radius:6px;width:100%;padding:.45rem .6rem}.jf-input:focus{outline-offset:-1px;outline:2px solid #1565c0}.jf-input:disabled{color:#59636e;background:#f6f8fa}.jf-control--invalid .jf-input{border-color:#c62828}.jf-description,.jf-issues{color:#59636e;margin:0;font-size:.75rem}.jf-issues{color:#c62828}
