Annotation tool 4 0

This merge finished the MVP version of the annotation tool

qim3d/css/gradio.css

@@ -634,7 +634,7 @@ div.svelte-1frtwj3 {
   display: none !important;
 }
 
-.annotation-tool button[title="Upload button"] {
+.annotation-tool:not(.no-img) button[title="Upload button"] {
   display: none !important;
 }
 
@@ -651,7 +651,7 @@ div.svelte-1frtwj3 {
   content: "Select mask";
 }
 
-.annotation-tool button[title="Size button"]{
+.annotation-tool button[title="Size button"] {
   color: var(--block-label-text-color) !important;
 }
 
@@ -676,7 +676,7 @@ div.svelte-1frtwj3 {
 }
 
 .annotation-tool .controls-wrap .padded {
-  padding: 12px !important;
+  padding: 8px !important;
   border: 0px !important;
   background-color: rgba(255, 255, 255, 0.8);
 }
@@ -684,9 +684,6 @@ div.svelte-1frtwj3 {
 .annotation-tool .stage-wrap {
   margin-top: 0px !important;
   margin-bottom: 16px !important;
-  border: 0px !important;
-  max-width: 512px !important;
-  max-height: 512px !important;
 }
 
 .annotation-tool .svelte-b3dw9m {
@@ -697,6 +694,22 @@ div.svelte-1frtwj3 {
 
 .annotation-tool .bottom {
   bottom: 8px !important;
-  left:0px !important;
+  left: 0px !important;
   position: absolute !important;
 }
+
+.annotation-tool .download {
+  min-width: 4rem !important;
+  width: 10%;
+  white-space: nowrap;
+  text-align: right;
+}
+
+.annotation-tool .stage-wrap canvas {
+  border: 0px !important;
+  max-width: 512px !important;
+  max-height: 512px !important;
+  height: 512px !important;
+  width: fit-content !important;
+
+}
\ No newline at end of file