:root{--interaction-color: #646cff;--hover-color: #535bf2;--background-color: #242424;--text-color: #e1e1e1;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--text-color);background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}.app{display:flex;flex-direction:column;min-height:100vh;height:100vh;max-height:100vh;overflow:hidden}a{font-weight:500;color:var(--interaction-color);text-decoration:inherit}a:hover{color:var(--hover-color)}body{margin:0;padding:0;box-sizing:border-box;display:flex;place-items:center}h1{font-size:3.2em;line-height:1.1;text-align:left;margin-bottom:0}h2{margin-top:0}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--interaction-color)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.button-box{width:100%}.container{display:flex;flex-direction:row;width:100vw;max-width:100%;flex-grow:1;overflow:hidden}.col{display:flex;flex-direction:column;width:100%;padding:0 2rem}.input-box{display:flex;flex-direction:column;background-color:#232323;border-radius:6px;padding:12px;box-shadow:0 2px 4px #0000001a;transition:background-color .3s ease;flex-grow:1;width:fit-content;margin-bottom:1rem}.input-box:focus-within,.input-box:hover{background-color:#323232}.input-box textarea{background-color:#2c2c2c;border:1px solid #444;color:#fff;padding:8px;border-radius:4px;outline:none;font-size:16px;transition:border-color .3s ease;resize:horizontal;max-width:80vw;min-height:100px;flex-grow:1;width:40vw}.input-box textarea:focus{border-color:var(--interaction-color)}.input-box input[type=submit]{align-self:flex-end;margin-top:10px;background-color:var(--interaction-color);border:none;color:#fff;padding:8px 12px;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.input-box input[type=submit]:hover{background-color:#4e49cc}.card-container{overflow-y:auto;padding-right:1rem;height:100%}.fade-out{flex:1;position:relative;overflow:hidden;margin-bottom:1rem}.fade-out:after{content:"";position:absolute;bottom:0;left:0;width:calc(100% - 1rem);height:2rem;background:linear-gradient(rgba(0,0,0,0),#242424ff);pointer-events:none}.card[data-v-1737903c]{position:relative;display:flex;flex-direction:column;background-color:#2c2c2c;border-radius:6px;padding:12px;box-shadow:0 2px 4px #0000001a;transition:background-color .3s ease,border-color .3s ease;overflow:hidden;border:1px solid transparent;margin-bottom:1rem}.card[data-v-1737903c]:hover,.card.expanded[data-v-1737903c]{border-color:#6c63ff}.card .content[data-v-1737903c]{flex:1}.card p[data-v-1737903c]{margin:0}.button-container[data-v-1737903c]{position:absolute;top:5px;right:5px}.icon-button[data-v-1737903c]{background-color:transparent;border:none;color:#444;font-size:14px;cursor:pointer;transition:color .3s ease;margin-left:5px;padding:0}.icon-button[data-v-1737903c]:hover{color:#6c63ff}.card .expand-button[data-v-1737903c]{align-self:flex-end;margin-top:5px;background-color:transparent;border:none;color:#6c63ff;font-size:14px;cursor:pointer;transition:color .3s ease}.card .expand-button[data-v-1737903c]:hover{color:#6c63ff}.connection-indicator[data-v-db0b2e82]{width:12px;height:12px;border-radius:50%;display:inline-block;transition:background-color .5s}.connected[data-v-db0b2e82]{background-color:#4caf50;animation:blink-db0b2e82 2s infinite}.disconnected[data-v-db0b2e82]{background-color:#f44336}@keyframes blink-db0b2e82{0%,to{opacity:1}50%{opacity:.5}}.modal-overlay[data-v-19f63918]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center}.modal-content[data-v-19f63918]{background-color:var(--background-color);padding:2rem;border-radius:8px;box-shadow:0 0 10px #0003}.input-box[data-v-19f63918]{display:flex;align-items:center;background-color:#232323;border-radius:6px;padding:12px;width:300px;box-shadow:0 2px 4px #0000001a;transition:background-color .3s ease;gap:.5rem}.input-box input[type=text][data-v-19f63918],.input-box input[type=password][data-v-19f63918],.input-box input[type=number][data-v-19f63918]{flex:1;background-color:#2c2c2c;border:1px solid #696969;color:#fff;padding:8px;border-radius:4px;outline:none;font-size:16px;transition:border-color .3s ease}.input-box input[type=text][data-v-19f63918]:focus,.input-box input[type=password][data-v-19f63918]:focus,.input-box input[type=number][data-v-19f63918]:focus{border-color:#6c63ff}.input-box input[type=submit][data-v-19f63918]{margin-left:10px;background-color:#6c63ff;border:none;color:#fff;padding:8px 12px;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.input-box input[type=submit][data-v-19f63918]:hover{background-color:#4e49cc}.checkbox-container[data-v-19f63918]{display:flex;align-items:center;margin-top:8px}.styled-checkbox[data-v-19f63918]{width:18px;height:18px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#2c2c2c;border:1px solid #696969;border-radius:4px;outline:none;cursor:pointer;margin-right:8px}.styled-checkbox[data-v-19f63918]:checked{background-color:#6c63ff;border-color:#6c63ff}.checkbox-container label[data-v-19f63918]{color:#fff;font-size:16px}.button-box[data-v-19f63918]{margin-top:1rem;display:flex;justify-content:center;gap:.5rem}.secondary{background-color:#313030;color:#dacdcd;cursor:pointer;margin-left:1rem}