/* pngtuber/css/index.css */
body {
  margin: 0;
}

body > img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

body > img[title] {
  content: URL("https://upload.wikimedia.org/wikipedia/commons/1/17/Warning.svg");
}

body > img:not([src]) {
  content: URL("https://upload.wikimedia.org/wikipedia/commons/a/a3/Lightness_rotate_36f_cw.gif");
}

body > dialog[open] {
  display: grid;
}

body > dialog[open] > :not(label) {
  grid-column: span 2;
}

body > dialog[open] > threshold {
  position: relative;
}

body > dialog[open] > threshold > * {
  width: 100%;
}

body > dialog[open] > threshold > input {
  position: absolute;
  appearance: none;
  background: none;
  margin: 0;
  left: 0;
}

body > dialog[open] > label > img {
  max-width: 10rem;
}

body > dialog[open] > label > input[type="file"] {
  display: none;
}