*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;padding:20px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{color:#fff;min-height:100vh}.App-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:15px;margin-bottom:20px;padding:20px;text-align:center}.App-header h1{font-size:2.5em;margin-bottom:10px;text-shadow:2px 2px 4px #0000004d}.status-indicator{border-radius:25px;display:inline-block;font-size:1.2em;font-weight:700;padding:10px 20px}.status-indicator.connected{background:#4caf504d;border:2px solid #4caf50}.status-indicator.disconnected{background:#f443364d;border:2px solid #f44336}.main-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px}.left-panel,.right-panel{display:flex;flex-direction:column;gap:20px}@media (max-width:1024px){.main-container{grid-template-columns:1fr}}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;box-shadow:0 8px 32px #0000001a;padding:25px}.card h2{border-bottom:2px solid #ffffff4d;font-size:1.8em;margin-bottom:20px;padding-bottom:10px}.button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;font-size:1em;font-weight:700;padding:12px 24px;transition:all .3s ease}.button:hover:not(:disabled){box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.button:active:not(:disabled){transform:translateY(0)}.button:disabled{cursor:not-allowed;opacity:.5}.button.danger{background:linear-gradient(135deg,#f44336,#d32f2f)}.button.success{background:linear-gradient(135deg,#4caf50,#388e3c)}.input-group{margin-bottom:15px}.input-group label{display:block;font-weight:700;margin-bottom:5px}.input-group input,.input-group select{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;color:#fff;font-size:1em;padding:10px;width:100%}.input-group input::placeholder{color:#ffffff80}.slider{margin:10px 0;width:100%}.value-display{background:#0003;border-radius:10px;font-size:2em;font-weight:700;margin:10px 0;padding:20px;text-align:center}
/*# sourceMappingURL=main.2ef905a8.css.map*/