First commit

style.css

@@ -0,0 +1,71 @@
+body {
+  overflow: hidden;
+  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+  font-size: 1rem;
+}
+.control {
+  padding-bottom: 0.5rem;
+}
+.preview canvas {
+  border: 1px solid black;
+}
+
+.control.file input[type="file"] {
+  display: none;
+}
+.control.file label {
+  border-radius: 4px;
+  border: 1px solid black;
+  -display: block;
+  padding: 0.25rem;
+  text-align: center;
+}
+
+.control.button button {
+  border-radius: 4px;
+  border: 1px solid black;
+  display: block;
+  padding: 0.25rem;
+  font-size: 1rem;
+}
+
+@media (min-aspect-ratio: 1/1) {
+  /* Horizontal */
+  .preview canvas {
+    position: absolute;
+    height: 100%;
+    top: 0;
+    right: 0;
+  }
+
+  .row {
+    display: block;
+  }
+  .col50 {
+    width: 50%;
+  }
+}
+
+@media (max-aspect-ratio: 1/1) {
+  /* Vertical */
+  .preview canvas {
+    position: absolute;
+    width: 100%;
+    bottom: 0;
+    left: 0;
+  }
+  .control.file label {
+    width: 90%;
+  }
+  .control.button button {
+    width: 90%;
+  }
+
+  .row {
+    width: 100%;
+    display: flex;
+  }
+  .col50 {
+    width: 50%;
+  }
+}