.drawing-canvas-container{flex:1;width:100%;overflow:hidden;position:relative;background:#fff}.drawing-canvas{display:block;width:100%;height:100%}.toolbar{display:flex;align-items:center;gap:20px;padding:12px 20px;background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a;flex-wrap:wrap}.toolbar-section{display:flex;align-items:center;gap:10px}.toolbar-button{padding:8px 16px;border:1px solid #ccc;background:#fff;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.toolbar-button:hover{background:#f5f5f5}.toolbar-button.active{background:#007bff;color:#fff;border-color:#007bff}.toolbar-label{font-size:14px;font-weight:500;color:#333}.color-picker{display:flex;gap:4px}.color-button{width:32px;height:32px;border:2px solid #ccc;border-radius:4px;cursor:pointer;transition:all .2s}.color-button:hover{transform:scale(1.1)}.color-button.active{border-color:#007bff;border-width:3px}.color-input{width:40px;height:32px;border:1px solid #ccc;border-radius:4px;cursor:pointer}.stroke-width-slider{width:120px}.stroke-width-value{min-width:40px;font-size:14px;color:#666}.app{width:100%;height:100%;display:flex;flex-direction:column;background:#f5f5f5}*{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;overflow:hidden}