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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.window-main,.window-side{background-color:var(--neutral1);margin:0 0 20px}.window-body-main{padding:20px}.window-body-side{padding:10px}button{background-color:var(--neutral2);border:none;border-radius:5px;color:var(--neutral5);cursor:pointer;display:inline-block;font-size:16px;margin:4px 2px;padding:10px 20px;text-align:center;text-decoration:none}input[type=color],input[type=range]{border:2px solid var(--neutral2);border-radius:4px;box-sizing:border-box;margin:8px 0;width:47%}input[type=range]{padding:12px 20px}.App{align-items:center;background-color:#2a1b44;display:flex;font-family:Arial,sans-serif;height:100vh;justify-content:center;overflow:hidden}.App,table{padding:20px}table{height:80%;table-layout:fixed;width:80%}td{padding:20px;vertical-align:top;width:50%}body{background-color:#2f3136}.message-system{display:grid;grid-template-columns:240px 1fr;height:100vh}.left-sidebar{background-color:#2f3136;color:#fff;display:flex;flex-direction:column;height:80%;padding:20px}.channel-list{flex-grow:1;overflow-y:auto}.channel-button{background-color:initial;border:none;color:#b9bbbe;cursor:pointer;font-size:16px;padding:10px;text-align:left}.channel-button.active{background-color:#3b4045;color:#fff}.channel-button .locked{color:#72767d;font-size:12px}.main-content{background-color:#36393f;color:#fff;display:flex;flex-direction:column;height:100vh;overflow:hidden}.message-box{flex-grow:1;overflow-x:hidden;overflow-y:auto;padding:20px}.message-container{margin-bottom:15px}.message{background-color:#43464b;border-radius:5px;padding:10px}.username{color:#72767d;font-size:12px;margin-top:5px}.input-section{align-items:center;background-color:#2f3136;bottom:0;display:flex;padding:10px;position:-webkit-sticky;position:sticky}.message-input,.user-input{background-color:#40444b;border:1px solid #202225;border-radius:5px;color:#fff;flex-grow:1;margin-right:10px;padding:10px}.message-send{background-color:#7289da;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.message-send:disabled{background-color:#202225;cursor:not-allowed}.info-message{background-color:#2f3136;border-radius:5px;color:#72767d;padding:20px;text-align:center}.left-sidebar .channel-list::-webkit-scrollbar{width:8px}.left-sidebar .channel-list::-webkit-scrollbar-thumb{background-color:#4f545c;border-radius:4px}.left-sidebar .channel-list::-webkit-scrollbar-track{background-color:#2f3136}.message-box::-webkit-scrollbar{width:8px}.message-box::-webkit-scrollbar-thumb{background-color:#4f545c;border-radius:4px}.message-box::-webkit-scrollbar-track{background-color:#2f3136}button:disabled,input:disabled{background-color:#202225;cursor:not-allowed}.m-message-box{padding:16px}.m-controls,.m-message-box{align-items:center;display:flex;flex-direction:column;width:100%}.m-controls{margin-top:16px;max-width:500px}.m-button{border-radius:8px;cursor:pointer;font-weight:600;margin-bottom:8px;padding:12px;text-align:center;width:100%}.m-button-send{background-color:#22c55e;color:#fff}.m-button-send:hover{background-color:#16a34a}.m-button-clear{background-color:#6b7280;color:#fff}.m-button-clear:hover{background-color:#4b5563}.m-button-undo{background-color:#3b82f6;color:#fff}.m-button-undo:hover{background-color:#2563eb}.m-color-brush-container{align-items:center;display:flex;flex-direction:column;gap:16px;margin-top:16px;width:100%}.m-color-picker{border:none;cursor:pointer;height:48px;padding:0;width:48px}.m-brush-size{max-width:90%;width:80%}.m-canvas-container{height:500px;margin-bottom:16px;max-width:500px;position:relative;width:100%}.d-message-box{align-items:flex-start;color:#fff;display:flex;flex-direction:row;gap:40px;justify-content:center;margin:0 auto;max-width:1200px;padding:40px}.d-canvas-container{background-color:#f5f5f5;border:2px solid #ddd;box-shadow:0 4px 6px #0000001a;height:500px;position:relative;width:500px}.d-controls{align-items:flex-start;display:flex;flex-direction:column;gap:20px}.d-button{border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:12px;text-align:center;transition:background-color .3s ease,transform .2s;width:200px}.d-button-send{background-color:#22c55e;color:#fff}.d-button-send:hover{background-color:#16a34a;transform:translateY(-2px)}.d-button-send:active{transform:translateY(0)}.d-button-clear{background-color:#6b7280;color:#fff}.d-button-clear:hover{background-color:#4b5563;transform:translateY(-2px)}.d-button-clear:active{transform:translateY(0)}.d-button-undo{background-color:#3b82f6;color:#fff}.d-button-undo:hover{background-color:#2563eb;transform:translateY(-2px)}.d-button-undo:active{transform:translateY(0)}.d-color-picker{border:none;cursor:pointer;height:36px;margin-bottom:20px;transition:box-shadow .2s ease;width:36px}.d-color-picker:hover{box-shadow:0 0 5px #0000004d}.d-brush-size{margin-top:20px;width:250px}.d-brush-size input{width:100%}.d-input-container{align-items:flex-start;display:flex;flex-direction:column;gap:10px}.d-input-container label{color:#333;font-size:16px;font-weight:600;margin-bottom:5px}label{color:#fff}
/*# sourceMappingURL=main.68a1bfd6.css.map*/