.sketch-canvas-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;gap:var(--mantine-spacing-sm);justify-content:flex-start;align-items:stretch;min-height:300px;max-width:100%;overflow:hidden}.sketch-canvas-container .prompt-container{width:100%;margin-bottom:.5rem;padding:.5rem;background-color:var(--mantine-color-gray-0);border-radius:.5rem;font-style:italic}.sketch-canvas-container .canvas-wrapper{position:relative;overflow:hidden;border-radius:var(--mantine-radius-sm);width:100%;max-width:100%;min-height:200px;flex:1;display:flex;justify-content:center;align-items:center}.sketch-canvas-container .canvas-wrapper.brush-mode .brush-cursor,.sketch-canvas-container .canvas-wrapper.brush-mode .eraser-cursor,.sketch-canvas-container .canvas-wrapper.eraser-mode .brush-cursor,.sketch-canvas-container .canvas-wrapper.eraser-mode .eraser-cursor{position:absolute;pointer-events:none;width:var(--brush-size);height:var(--brush-size);border:1px solid #000;border-radius:50%;transform:translate(-50%,-50%);z-index:9999;box-sizing:border-box}.sketch-canvas-container .canvas-wrapper.brush-mode .brush-cursor,.sketch-canvas-container .canvas-wrapper.eraser-mode .brush-cursor{border-color:#000;background-color:rgba(0,0,0,.1)}.sketch-canvas-container .canvas-wrapper.brush-mode .eraser-cursor,.sketch-canvas-container .canvas-wrapper.eraser-mode .eraser-cursor{border-color:red;background-color:rgba(255,0,0,.1)}.sketch-canvas-container .canvas-wrapper.disabled{pointer-events:none;opacity:.6;cursor:not-allowed}.sketch-canvas-container .canvas-wrapper.disabled:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(128,128,128,.2);z-index:1000}.sketch-canvas-container .canvas-wrapper canvas{object-fit:contain!important}.sketch-canvas-container .canvas-wrapper .canvas-container,.sketch-canvas-container .canvas-wrapper canvas{max-width:100%!important;max-height:100%!important}.sketch-canvas-container .canvas-wrapper .canvas-container canvas{max-width:100%!important;max-height:100%!important;object-fit:contain!important}.sketch-canvas-container .canvas-wrapper .error-message,.sketch-canvas-container .canvas-wrapper .loading-message,.sketch-canvas-container .canvas-wrapper .placeholder-message{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1}.sketch-canvas-container .canvas-wrapper .error-message{background-color:rgba(255,220,220,.7)}.sketch-canvas-container .tools-container{display:flex;flex-direction:column;gap:var(--mantine-spacing-md);width:100%;flex-shrink:0;min-height:0}.sketch-canvas-container .toolbar{display:flex;flex-direction:column;padding:var(--mantine-spacing-md);border-radius:var(--mantine-radius-sm);height:auto;width:100%;align-items:center}.sketch-canvas-container .toolbar .tool-group{display:flex;justify-content:center;height:100%;flex-direction:row;gap:var(--mantine-spacing-md);align-items:center;margin:auto 0}.sketch-canvas-container .toolbar .tool-group .drawing-tools,.sketch-canvas-container .toolbar .tool-group .tool-attributes{display:flex;flex-direction:column;gap:var(--mantine-spacing-sm);align-items:center}.sketch-canvas-container .toolbar .tool-group .tool-attributes{width:256px}.sketch-canvas-container .toolbar .file-button,.sketch-canvas-container .use-button{align-self:center}.sketch-component{width:100%;height:100%;display:flex;flex-direction:column;padding:0 .5rem .5rem;min-height:0;flex:1}.sketch-component .sketch-layout{display:flex;flex-direction:column;gap:.5rem;width:100%;height:100%;min-height:0}.sketch-component .sketch-layout .sketch-canvas-container{flex:1;width:100%;min-height:200px}.sketch-component .sketch-layout .mantine-Paper-root{flex-shrink:0;width:100%}