:root{--buncss-light:initial;--buncss-dark: ;color-scheme:light dark;color:#ffffffde;background-color:#3d3d3d;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{position:relative;min-width:320px;min-height:100vh;margin:0}.app{text-align:left;position:relative;z-index:1;box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;max-width:1280px;min-height:100vh;margin:0 auto;padding:1.5rem}.app-toolbar{display:flex;justify-content:space-between;align-items: center;gap:1rem}.app-title h1{margin:0;font-size:2rem}.app-title span{opacity:.7;font-size:.95rem}.app-actions{display:flex;gap:.75rem}.app-actions button{color:#1a1a1a;cursor:pointer;background:#fbf0df;border:0;border-radius:10px;padding:.5rem 1rem;transition:transform .1s,opacity .1s;font-weight:700}.app-actions button:disabled{cursor:not-allowed;opacity:.5}.app-actions button:not(:disabled):hover{transform:translateY(-1px)}.app-controls{display:flex;flex-wrap:wrap;align-items: center;gap:.75rem}.control-group{display:flex;align-items: center;gap:.5rem;font-weight:600}.control-label{opacity:.7}.app-controls select,.app-controls button{color:#1a1a1a;cursor:pointer;background:#fbf0df;border:0;border-radius:10px;padding:.45rem .9rem;font-weight:700}.control-hint{opacity:.7;font-size:.9rem}.niivue-container{position:relative;overflow:hidden;background:#111;border:1px solid #2a2a2a;border-radius:16px;flex:1;min-height:420px}.location-footer{display:flex;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;flex-direction:column;gap:.35rem;padding:.75rem 1rem;font-family:monospace;font-size:.85rem}.location-row{display:flex;align-items:baseline;gap:.75rem}.location-label{opacity:.6;flex-shrink:0;font-weight:700}.location-value{opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logo-container{display:flex;justify-content:center;align-items: center;gap:2rem;margin-bottom:2rem}.logo{will-change:filter;height:6em;padding:1.5em;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.bun-logo{transform:scale(1.2)}.bun-logo:hover{filter:drop-shadow(0 0 2em #fbf0dfaa)}.react-logo{animation:spin 20s linear infinite}.react-logo:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}h1{font-size:3.2em;line-height:1.1}code{background-color:#1a1a1a;border-radius:.3em;padding:.2em .4em;font-family:monospace}.api-tester{text-align:left;display:flex;flex-direction:column;gap:1rem;width:100%;max-width:600px;margin:2rem auto 0}.endpoint-row{display:flex;font:monospace;box-sizing:border-box;background:#1a1a1a;border:2px solid #fbf0df;border-radius:12px;align-items: center;gap:.5rem;width:100%;padding:.75rem;transition:all .3s}.endpoint-row:focus-within{border-color:#f3d5a3}.method{color:#1a1a1a;appearance:none;display:block;background:#fbf0df;border:none;border-radius:8px;flex-shrink:0;width:min-content;margin:0;padding:.3rem .7rem;font-size:.9em;font-weight:700}.method option{text-align:left}.url-input{color:#fbf0df;outline:0;background:0;border:0;flex:1;width:100%;padding:.2rem;font:1em monospace}.url-input:focus{color:#fff}.url-input::placeholder{color:#fbf0df66}.send-button{color:#1a1a1a;cursor:var(--bun-cursor);background:#fbf0df;border:0;border-radius:8px;padding:.4rem 1.2rem;transition:all .1s;font-weight:700}.send-button:hover{cursor:pointer;background:#f3d5a3;transform:translateY(-1px)}.response-area{color:#fbf0df;font:monospace;resize:vertical;box-sizing:border-box;background:#1a1a1a;border:2px solid #fbf0df;border-radius:12px;width:100%;min-height:120px;padding:.75rem}.response-area:focus{border-color:#f3d5a3}.response-area::placeholder{color:#fbf0df66}@media (prefers-reduced-motion){*,:before,:after{animation:none!important}}
