:root{--vh: 100vh;--vh: 100dvh;--vw: 100vw;--fs-text: 12px;--lh-text: 12.5px;--cl-green: #148914;--cl-highlight: #ff3500;--cl-grey: #b6b6b6;--cl-black: #262626;--cl-blackgrey: #565656;--cl-white: #dbdbdb;--cl-blue: #0000ff;--cl-danger: #ff5f5f;--cl-font: #262626;--padding: 10px}@font-face{font-family:lausanne;src:url(/fonts/lausanne/TWKLausanne-700.woff) format("woff"),url(/fonts/lausanne/TWKLausanne-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:block}*,*:after,*:before{margin:0;padding:0;box-sizing:border-box;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:always;-webkit-tap-highlight-color:rgba(0,0,0,0)}html,body,#app{height:100dvh;display:flex}body{margin:0;display:block;background:var(--cl-black);color:var(--cl-black);font-family:lausanne,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:var(--fs-text);line-height:var(--lh-text);min-height:var(--vh)}h1,h2,h3,h4,h5,h6,p,ul,ol,a,button,blockquote,input,figcaption,pre,strong,span{font-size:1em;font-weight:inherit;font-family:inherit;text-transform:inherit;line-height:inherit;color:inherit}em,i{font-style:italic}a{font-weight:inherit;text-decoration:none;-webkit-touch-callout:none}a[target=_blank]{cursor:alias}ul,ol{list-style:none}button{background:transparent;cursor:pointer;border:0;-webkit-touch-callout:none}input{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:0}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}::-moz-selection{color:transparent;text-shadow:0px 0px .15em var(--cl-font);background:transparent}::selection{color:transparent;text-shadow:0px 0px .15em var(--cl-font);background:transparent}#app{width:100%;padding:var(--padding)}.app-header{border-radius:10px;background:var(--cl-grey);color:var(--cl-black);padding:1.5em}.eyebrow{margin:0;color:var(--cl-highlight)}.tagline{margin:0;color:var(--cl-blackgrey)}.app-main{display:block;height:100%}.panel[data-v-d25a0f5a]{height:100%}.log-header[data-v-d25a0f5a]{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.7rem}.log-list[data-v-d25a0f5a]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.65rem;overflow-y:auto}.log-item[data-v-d25a0f5a]{border:1px solid var(--cl-blackgrey);border-radius:10px;padding:.7rem;background:var(--cl-white)}.log-item--in .pill[data-v-d25a0f5a]{background:var(--cl-green);color:var(--cl-black)}.log-item--out .pill[data-v-d25a0f5a]{background:var(--cl-highlight);color:var(--cl-black)}.log-meta[data-v-d25a0f5a]{display:flex;flex-wrap:wrap;gap:.4rem}.pill[data-v-d25a0f5a]{font-size:.75rem;color:var(--cl-grey);background:var(--cl-black);border-radius:3em;padding:.25em .55em .2em}.log-summary[data-v-d25a0f5a]{margin:.45rem 0 0;color:var(--cl-black)}.log-hex[data-v-d25a0f5a]{margin:.45rem 0 0;color:var(--cl-blackgrey);font-size:.82rem;word-break:break-all}.log-list[data-v-d25a0f5a]{height:100%;overflow-y:auto}.midi-tester{display:grid;grid-template-columns:1fr 400px;gap:1rem;height:100%}.column{display:flex;flex-direction:column;gap:1rem;height:100%}.right-column{overflow:hidden}.midi-tester .tester-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:1rem}.midi-tester .panel{border-radius:10px;background:var(--cl-grey);color:var(--cl-black);padding:1rem}.midi-tester .tester-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.midi-tester h2,.midi-tester h3{margin:0;color:var(--cl-black)}.midi-tester h3{margin-bottom:.85rem}.midi-tester .subtext{margin-top:.4rem;color:var(--cl-blackgrey)}.midi-tester .status{margin:0;padding:.7rem .9rem;border:1px solid var(--cl-blackgrey);border-radius:10px;background:var(--cl-grey);color:var(--cl-black)}.midi-tester .status.error{border-color:var(--cl-danger);color:var(--cl-danger)}.midi-tester .control-row{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.9rem}.midi-tester .control-row.compact{margin-bottom:0;min-width:120px}.midi-tester .inline-group{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:.9rem}.midi-tester .button-row{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:.9rem}.midi-tester .port-meta{display:flex;flex-wrap:wrap;gap:.6rem;color:var(--cl-blackgrey);font-size:.85rem}.midi-tester label{color:var(--cl-blackgrey);font-size:.85rem}.midi-tester input,.midi-tester select{width:100%;border:1px solid var(--cl-blackgrey);background:var(--cl-white);color:var(--cl-black);border-radius:8px;padding:.55rem .65rem;font:inherit}.midi-tester input:focus,.midi-tester select:focus{outline:1px solid var(--cl-highlight);border-color:var(--cl-highlight)}.btn{border:1px solid var(--cl-black);background:var(--cl-black);color:var(--cl-grey);padding:.55rem .8rem;border-radius:8px;font:inherit;cursor:pointer}.btn:hover:enabled{color:var(--cl-white)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{border-color:var(--cl-highlight);background:var(--cl-highlight);color:var(--cl-white)}@media(max-width:700px){.midi-tester .tester-header{flex-direction:column;align-items:flex-start}}