{"version":3,"file":"static/css/main.499556e9.css","mappings":"AAAA,KAUI,kBAAmB,CAJnB,wBAAyB,CACzB,aAAc,CACd,YAAa,CAPb,mIAEY,CAMZ,sBAAuB,CALvB,QAAS,CAOT,gBAAiB,CANjB,SAAU,CAOV,iBACJ,CAEA,eAGI,wBAAyB,CADzB,kBAAmB,CADnB,YAGJ,CAEA,GACI,aACJ,CAEA,OACI,wBAAyB,CACzB,iBAAkB,CAElB,WAAY,CADZ,eAEJ,CAEA,cACI,eACJ,CAEA,UAGI,qBAAsB,CAEtB,QAAS,CAJT,eAKJ,CAEA,yBAJI,kBAAmB,CAFnB,YAUJ,CAJA,eAGI,QACJ,CAEA,MACI,cAAe,CAEf,gBAAiB,CADjB,WAEJ,CAEA,kBACI,WACJ,CAEA,qBAEI,WAAY,CADZ,UAEJ,CAEA,cAKI,wBAAyB,CADzB,wBAAyB,CADzB,iBAAkB,CAGlB,aAAc,CACd,cAAe,CANf,cAAe,CACf,WAMJ,CAGA,aAeI,kCAA2B,CAA3B,0BAA2B,CAL3B,0BAAwC,CAFxC,sBAA0C,CAC1C,iBAAkB,CAKlB,8BAAwC,CAHxC,UAAc,CACd,cAAe,CAXf,mIAEY,CACZ,cAAe,CACf,eAAgB,CAEhB,eAAgB,CADhB,iBAAkB,CAUlB,+BAAyC,CAHzC,uBAIJ,CAEA,mBACI,0BAA0C,CAC1C,sBAAqC,CACrC,+BAA8C,CAC9C,0BACJ,CAEA,oBAEI,8BAAwC,CADxC,uBAEJ,CAEA,sBAGI,0BAAuC,CACvC,sBAAsC,CAFtC,kBAAmB,CADnB,UAIJ,CAEA,4BAEI,8BAAwC,CADxC,cAEJ,CAGA,wBACI,0BAAwC,CACxC,sBAAoC,CACpC,UACJ,CAEA,8BACI,0BAAwC,CACxC,sBAAoC,CACpC,+BACJ","sources":["style.css"],"sourcesContent":["body {\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\r\n      'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\r\n      sans-serif;\r\n    margin: 0;\r\n    padding: 0;\r\n    background-color: #1a1a1a;\r\n    color: #e0e0e0;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    min-height: 100vh;\r\n    text-align: center;\r\n}\r\n\r\n#app-container {\r\n    padding: 20px;\r\n    border-radius: 10px;\r\n    background-color: #282c34;\r\n}\r\n\r\nh1 {\r\n    color: #61dafb;\r\n}\r\n\r\ncanvas {\r\n    border: 2px solid #61dafb;\r\n    border-radius: 8px;\r\n    margin-top: 20px;\r\n    cursor: grab;\r\n}\r\n\r\ncanvas:active {\r\n    cursor: grabbing;\r\n}\r\n\r\n.controls {\r\n    margin-top: 20px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 15px;\r\n}\r\n\r\n.control-group {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n}\r\n\r\nlabel {\r\n    font-size: 16px;\r\n    width: 120px;\r\n    text-align: right;\r\n}\r\n\r\ninput[type=\"range\"] {\r\n    width: 250px;\r\n}\r\n\r\ninput[type=\"checkbox\"] {\r\n    width: 20px;\r\n    height: 20px;\r\n}\r\n\r\nselect, button {\r\n    font-size: 16px;\r\n    padding: 8px;\r\n    border-radius: 5px;\r\n    border: 1px solid #61dafb;\r\n    background-color: #20232a;\r\n    color: #e0e0e0;\r\n    cursor: pointer;\r\n}\r\n\r\n/* Control buttons styling */\r\n.control-btn {\r\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\r\n      'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\r\n      sans-serif;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n    padding: 12px 20px;\r\n    min-width: 120px;\r\n    border: 2px solid rgba(255, 255, 255, 0.2);\r\n    border-radius: 8px;\r\n    background-color: rgba(40, 44, 52, 0.95);\r\n    color: #ffffff;\r\n    cursor: pointer;\r\n    transition: all 0.2s ease;\r\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\r\n    backdrop-filter: blur(10px);\r\n    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.control-btn:hover {\r\n    background-color: rgba(97, 218, 251, 0.15);\r\n    border-color: rgba(97, 218, 251, 0.5);\r\n    box-shadow: 0 4px 12px rgba(97, 218, 251, 0.3);\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.control-btn:active {\r\n    transform: translateY(0);\r\n    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.control-btn:disabled {\r\n    opacity: 0.5;\r\n    cursor: not-allowed;\r\n    background-color: rgba(40, 44, 52, 0.5);\r\n    border-color: rgba(255, 255, 255, 0.1);\r\n}\r\n\r\n.control-btn:disabled:hover {\r\n    transform: none;\r\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n/* Disconnect/active state button styling */\r\n.control-btn.disconnect {\r\n    background-color: rgba(255, 71, 87, 0.2);\r\n    border-color: rgba(255, 71, 87, 0.6);\r\n    color: #ffffff;\r\n}\r\n\r\n.control-btn.disconnect:hover {\r\n    background-color: rgba(255, 71, 87, 0.3);\r\n    border-color: rgba(255, 71, 87, 0.8);\r\n    box-shadow: 0 4px 12px rgba(255, 71, 87, 0.4);\r\n}\r\n"],"names":[],"ignoreList":[],"sourceRoot":""}