:root{--buncss-light:initial;--buncss-dark: ;color-scheme:light dark;color:#ffffffde;background-color:#121212;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Avenir,Helvetica,Arial,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--buncss-light: ;--buncss-dark:initial}}body{display:grid;background-color:#121212;place-items: center;min-width:320px;min-height:100vh;margin:0}.app{text-align:center;width:min(1400px,100vw - 4rem);padding:2rem 0}.app h1{margin:0 0 1.5rem}.api-tester{display:grid;grid-template-columns:1fr 1fr;text-align:left;gap:2rem}.inputs-panel{display:flex;flex-direction:column;gap:1rem}.output-panel,.input-group{display:flex;flex-direction:column}label{color:#ccc;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.4rem;font-size:.9rem;font-weight:600}.textarea{color:#e0e0e0;resize:vertical;box-sizing:border-box;outline:none;background:#1e1e1e;border:1px solid #3a3a3a;border-radius:8px;width:100%;padding:.75rem;transition:border-color .15s;font-family:monospace;font-size:.9rem}.textarea:focus{border-color:#646cff}.data-box{min-height:280px}.query-box{min-height:80px}.output-box{color:#a8e6a3;flex:1;min-height:420px}.output-box::placeholder{color:#555}.run-button{color:#fff;cursor:pointer;background:#646cff;border:none;border-radius:8px;padding:.55rem 1.6rem;transition:background .15s,transform .1s;font-size:.95rem;font-weight:700}.run-button:hover{background:#5259e6;transform:translateY(-1px)}.run-button:active{transform:translateY(0)}@media (max-width:700px){.api-tester{grid-template-columns:1fr}}@media (prefers-reduced-motion){*,:before,:after{animation:none!important;transition:none!important}}