.welcome[hidden],
.editor[hidden],
.text-modal[hidden],
.save-link[hidden] {
  display: none !important;
}

.save-link { color: #182019; text-decoration: none; }

.pdf-text-item {
  position: absolute;
  z-index: 3;
  pointer-events: auto;
  color: transparent;
  border: 1px solid transparent;
  line-height: 1;
  white-space: nowrap;
  cursor: move;
}

.pdf-text-item:not(.replaced):hover {
  border-color: #8cbf22;
  background: rgba(202,255,72,.25);
}

.pdf-text-item.replaced {
  color: transparent;
  border-color: transparent;
  background: transparent;
  overflow: hidden;
}

.pdf-text-item:active {
  color: #111;
  background: #fff;
  outline: 1px solid #2563eb;
  opacity: .95;
}

.move-guide { position: absolute; z-index: 5; pointer-events: none; background: #2563eb; opacity: .8; }
.move-guide.vertical { top: 0; bottom: 0; width: 1px; }
.move-guide.horizontal { left: 0; right: 0; height: 1px; }

.text-modal {
  position: fixed;
  inset: 0;
  z-index: 20;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(24,32,25,.55);
}

.text-card {
  width: min(420px, 100%);
  padding: 24px;
  border-radius: 14px;
  background: white;
  box-shadow: 0 20px 60px rgba(0,0,0,.25);
}

.text-card label { display: block; margin-bottom: 10px; font-weight: 800; }
.text-card input { width: 100%; padding: 13px; border: 1px solid #aaa; border-radius: 8px; font: 16px Arial; }
.text-card div { display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px; }
.text-card button { padding: 10px 14px; border: 1px solid #bbb; border-radius: 8px; background: white; cursor: pointer; }
.text-card button[type="submit"] { border-color: #182019; background: #182019; color: white; }
.text-card .delete-text { margin-right: auto; border-color: #d74b35; color: #b63120; }
.text-card .delete-text[hidden] { display: none; }

.upload {
  position: relative;
  overflow: hidden;
}

.upload input[type="file"] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  opacity: .001;
  cursor: pointer;
  font-size: 100px;
}

.upload-status {
  min-height: 22px;
  margin: 12px 0 0;
  color: #505a50;
  font-size: 14px;
}

.fineprint { margin-top: 8px; }
