.canvas-list{width:280px;background-color:#f8f9fa;border-right:1px solid #dee2e6;display:flex;flex-direction:column;height:100%}.canvas-list-header{padding:15px;border-bottom:1px solid #dee2e6}.canvas-list-header h3{margin:0;font-size:18px;color:#212529}.canvas-list-content{flex:1;overflow-y:auto}.empty-state{padding:20px;text-align:center;color:#6c757d}.canvas-list ul{list-style:none;margin:0;padding:0}.canvas-list li{border-bottom:1px solid #dee2e6;display:flex;align-items:center;transition:background-color .2s}.canvas-list li:hover{background-color:#e9ecef}.canvas-list li.active{background-color:#d3e3fd}.canvas-item{flex:1;padding:12px 15px;cursor:pointer}.canvas-info{display:flex;flex-direction:column;gap:4px}.canvas-name{font-weight:500;font-size:14px;color:#212529}.canvas-date{font-size:12px;color:#6c757d}.delete-btn{background:none;border:none;cursor:pointer;padding:8px 12px;font-size:16px;opacity:.6;transition:opacity .2s}.delete-btn:hover{opacity:1}.new-note-btn-container{padding:15px;border-top:1px solid #dee2e6}.new-note-btn{width:100%;padding:12px;background-color:#0d6efd;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.new-note-btn:hover{background-color:#0b5ed7}.app{display:flex;flex-direction:column;height:100vh;width:100vw}.toolbar{display:flex;align-items:center;padding:10px 15px;background-color:#f8f9fa;border-bottom:1px solid #dee2e6;gap:15px}.toolbar button{padding:8px 16px;border:1px solid #dee2e6;background-color:#fff;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.toolbar button:hover{background-color:#e9ecef}.save-btn{background-color:#0d6efd!important;color:#fff!important;border-color:#0d6efd!important}.save-btn:hover{background-color:#0b5ed7!important}.canvas-name{font-weight:600;flex:1;font-size:16px;padding:6px 10px;border-radius:4px;transition:background-color .2s}.canvas-name:hover{background-color:#e9ecef}.toolbar-actions{display:flex;gap:10px}.main-content{display:flex;flex:1;overflow:hidden}.excalidraw-wrapper{flex:1;height:100%}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100vw;height:100vh}