body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#121212;font-family:Arial,sans-serif;overflow:hidden}#root{display:flex;height:100%;width:100%}#sidebar{background-color:#1e1e1e;box-shadow:2px 0 5px #0000004d;display:flex;flex-direction:column;overflow-y:auto;width:20%}#sidebar::-webkit-scrollbar{width:8px}#sidebar::-webkit-scrollbar-track{background:#1e1e1e;border-radius:10px}#sidebar::-webkit-scrollbar-thumb{background:#3a3a3a;border:2px solid #1e1e1e;border-radius:10px}#sidebar::-webkit-scrollbar-thumb:hover{background:#575757}#sidebar{scrollbar-color:#3a3a3a #1e1e1e;scrollbar-width:thin}.header{background:linear-gradient(177deg,#333,#000);border-radius:4px;font-size:18px;text-align:center}.header,.slot,.slot-rectangle{border-bottom:1px solid #333;cursor:pointer;padding:10px}.slot,.slot-rectangle{background:linear-gradient(145deg,#333,#0c0c0c);position:relative;transition:background-color .3s,border-left .3s}.slot-rectangle:hover,.slot:hover{background:linear-gradient(145deg,#444,#1a1a1a)}.slot-rectangle.inactive,.slot.inactive{background:linear-gradient(145deg,#222,#121212);opacity:.6}.slot-rectangle.selected,.slot.selected{background:linear-gradient(145deg,#444,#222)}.slot-rectangle.active,.slot.active{border-left:3px solid #00bfff}.slot h3,.slot-rectangle h3{font-size:16px;margin:0 0 5px}.slot-images,.slot-rectangle .slot-images{display:flex;gap:5px}.gallery-image,.slot img,.slot-image{border:1px solid #333;border-radius:4px;height:60px;margin-right:5px;transition:border-color .3s,background-color .3s;width:60px}.gallery-image:hover,.slot img:hover,.slot-image:hover{background-color:#00bfff4d;border-color:#00bfff;border-width:1px;cursor:pointer}.slot-image-container{position:relative}.gallery-image-container:hover .delete-image-button,.slot-image-container:hover .delete-image-button{display:flex}.delete-image-button{align-items:center;background:#f44;border:none;border-radius:50%;color:#fff;cursor:pointer;display:none;height:20px;justify-content:center;position:absolute;right:0;top:0;transition:background-color .3s;width:20px}.delete-image-button:hover{background:#c00}.actions{align-items:flex-end;display:flex;flex-direction:column;margin-top:5px}.slot-type,.slot-type-display{color:#00bfff;cursor:pointer;font-size:14px;margin-top:5px}.edit-button{background-color:initial;border:none;color:#fff;cursor:pointer;font-size:12px}#main-content{background-color:#282828;flex:1 1;overflow-y:auto;padding:20px;width:80%}#main-content p{color:#ccc;font-size:14px}.form-group label{font-size:14px}.form-group input,.form-group select{background-color:#121212;border:1px solid #333;border-radius:4px;color:#fff;font-size:14px}.gallery{display:flex;gap:10px;margin-top:10px}.gallery-image-container{position:relative}.gallery-image{border:1px solid #333;border-radius:4px;height:100px;object-fit:cover;transition:border-color .3s,background-color .3s;width:100px}.slots-container{display:flex;flex-wrap:wrap;gap:20px}.slot-rectangle{align-items:center;background-color:#1e1e1e;border-radius:8px;display:flex;flex-direction:column;height:200px;justify-content:center;overflow:hidden;padding:10px;position:relative;transition:border-left .3s;width:200px}.slot-rectangle.active{border-left:3px solid #00bfff}.slot-image{border-radius:4px;object-fit:cover;transition:border-color .3s,background-color .3s}.slot-image,.slot-rectangle .slot-image{height:60px;width:60px}.save-button{background-color:#00bfff;border-radius:4px;margin-right:10px;transition:background-color .3s}.save-button:hover{background-color:#09c}.delete-button{background-color:#f44;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s}.delete-button:hover{background-color:#c00}.add-slot-button{background-color:#00bfff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin:10px 10px 0;padding:10px 20px;transition:background-color .3s}.add-slot-button:hover{background-color:#09c}.sidebar-footer{background-color:#1e1e1e;bottom:0;box-shadow:0 -2px 5px #0000004d;color:#ccc;font-size:18px;padding:10px;position:-webkit-sticky;position:sticky}.modal{align-items:center;background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-content{background:#282828;border-radius:8px;box-shadow:0 2px 10px #00000080;padding:20px}.modal-content h3{margin-top:0}.modal-content button{background:#00bfff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin:10px;padding:10px 20px}.modal-content button:hover{background:#09c}.modal-content input[type=file],.modal-content input[type=number]{display:block;margin:10px 0;width:100%}.rotations-badge{background-color:#ffeb3b;border-radius:4px;color:#000;cursor:pointer;font-size:12px;padding:2px 6px;position:absolute;right:10px;top:10px}.undefined-badge{background-color:#757575;color:#fff}.editor{margin-top:20px}.editor-container{border:1px solid #333;display:flex;height:100px;margin-bottom:10px;position:relative}.editor-image{align-items:center;border-right:1px solid #333;display:flex;justify-content:center}.editor-image img{max-height:100%;max-width:100%}.timeline-container{margin-bottom:20px;margin-top:20px}.timeline{border:1px solid #ccc;border-radius:5px;height:80px;overflow:hidden;width:100%}.timeline,.timeline-segment{display:flex;position:relative;-webkit-user-select:none;user-select:none}.timeline-segment{align-items:center;background-color:#333;flex-direction:column;flex-shrink:0;height:100%;justify-content:center}.thumbnail{height:40px;margin-bottom:5px;object-fit:cover;width:40px}.duration-label{color:#fff;font-size:16px;font-weight:700;z-index:1}.resize-handle{align-items:center;background-color:#fff;bottom:0;cursor:ew-resize;display:flex;height:100%;justify-content:space-between;padding:0 5px;position:absolute;right:0;top:0;-webkit-user-select:none;user-select:none;width:20px;z-index:10}.arrow{color:#000;font-size:12px}#right-sidebar pre{margin-top:0}#main-content{flex-grow:1;padding:10px}#right-sidebar{background-color:#181818;padding:10px;width:300px}.right-sidebar-content{margin-bottom:20px}.log-content{word-wrap:break-word;background-color:#f1f1f1;border:1px solid #ccc;border-radius:4px;font-size:.8em;max-height:150px;overflow-y:auto;padding:5px;white-space:pre-wrap}.right-sidebar-live-feed,.server-settings{margin-bottom:20px}#right-sidebar pre{background-color:#121212;border:1px solid #333;color:#fff;overflow:auto;padding:10px}.preview-area{align-items:center;background-color:initial;display:flex;flex-direction:column;height:300px;justify-content:center;margin:30px 0;position:relative;width:100%}.preview-image{max-width:330px}.preview-duration{background-color:#000000b3;border-radius:3px;color:#fff;margin-top:10px;padding:5px 10px}.preview-controls{margin-top:10px}.preview-controls button{background-color:#007bff;border:none;border-radius:3px;color:#fff;cursor:pointer;margin:0 5px;padding:5px 10px}.preview-controls button:disabled{background-color:#ccc;cursor:not-allowed}.progress-bar-container{margin-top:10px;width:90%}.progress-bar{background-color:#ccc;border-radius:3px;height:5px;overflow:hidden;width:100%}.progress{background-color:#007bff;height:100%}body{background-color:#333;color:#fff;margin:0}.login-container,body{align-items:center;display:flex;height:100vh;justify-content:center}.login-container{width:-webkit-fill-available}.login-box{background-color:#222;border-radius:10px;box-shadow:0 0 10px #00000080;padding:100px 200px;text-align:center}.login-box h2{color:#fff;margin-bottom:20px}.form-group input{border:none;margin:5px 0;padding:10px}.submit-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.submit-button:hover{background-color:#0056b3}.logout-button{background-color:#f44336;border:none;border-radius:5px;bottom:10px;color:#fff;cursor:pointer;padding:10px 20px;position:fixed;right:10px}.logout-button:hover{background-color:#d32f2f}.user-management-container{background-color:#2c2f33;border-radius:10px;box-shadow:0 4px 8px #0003;color:#f2f2f2;margin:0 auto;max-width:800px;padding:20px;width:-webkit-fill-available}.user-management-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.user-management-header h2{color:#f2f2f2;font-size:28px;margin:0}.add-user-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease}.add-user-button:hover{background-color:#0056b3}.user-table{border-collapse:collapse;width:100%}.user-table td,.user-table th{border-bottom:1px solid #3e4145;padding:15px;text-align:left}.user-table th{background-color:#36393f;color:#f2f2f2;font-weight:700}.user-table tr:nth-child(2n){background-color:#2f3136}.user-table tr:hover{background-color:#40444b}.user-table .actions{align-items:center;display:flex;flex-direction:row;gap:10px}.user-table .delete-button,.user-table .edit-button{border:none;border-radius:3px;cursor:pointer;font-size:14px;padding:5px 10px;transition:background-color .3s ease}.user-table .edit-button{background-color:#28a745;color:#fff}.user-table .edit-button:hover{background-color:#218838}.user-table .delete-button{background-color:#dc3545;color:#fff}.user-table .delete-button:hover{background-color:#c82333}.landing-screen{align-items:center;display:flex;flex-direction:column;min-height:100vh;padding:20px}.title{font-size:2.5em;margin-bottom:20px}.screens-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;overflow:auto;width:100%}.screen-card{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:20px;text-align:center;transition:transform .2s ease;width:250px}.screen-card:hover{transform:translateY(-10px)}.screen-title{color:#333;font-size:1.5em;margin-bottom:10px}.screen-description{color:#777;font-size:1em;margin-bottom:10px}.screen-ip{color:#aaa;font-size:.9em;margin-bottom:20px}.hiddenScreenToken{color:#2c2f33;font-size:11px}.hiddenScreenToken .secret{color:#d32f2f;font-size:13px}.add-screen-button,.connect-button,.delete-button,.update-button{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;margin:5px;padding:10px 20px;transition:background .3s ease}.add-screen-button:hover,.connect-button:hover,.delete-button:hover,.update-button:hover{background:#0056b3}.update-button{background:#20b2aa}.update-button:hover{background:#008b8b}.delete-button{background:#dc3545}.delete-button:hover{background:#c82333}.add-screen{align-items:center;background:#e0e0e0;cursor:pointer;display:flex;justify-content:center}.add-screen-button{background:#28a745;padding:20px}.add-screen-button:hover{background:#218838}.modal-backdrop{background:#00000080;bottom:0;right:0}.form-group input{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;padding:8px;width:100%}.save-button{background:#007bff;padding:10px 20px;transition:background .3s ease}.save-button:hover{background:#0056b3}.modal-backdrop{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-content{border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:75px 100px;position:relative;text-align:center;width:400px}.close-button{background:#0000;border:none;cursor:pointer;font-size:1em;position:absolute;right:10px;top:10px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px}.form-group input,.form-group select{box-sizing:border-box;padding:8px;width:100%}.save-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px;width:100%}.save-button:hover{background-color:#0056b3}
/*# sourceMappingURL=main.eaf9b776.css.map*/