@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap");
body {
  font-family: "Noto Sans", sans-serif;
  font-size: 15px;
}

* {
  box-sizing: border-box;
}

.editor {
  position: fixed;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 1em;
  z-index: 9999;
  gap: 0.5em;
  display: flex;
  align-items: stretch;
  flex-direction: row;
  background: #fff;
  border: 1px solid #DCE3E4;
  border-radius: 1em;
  padding: 1em;
  margin: 1em;
  max-width: 100%;
}
@media (max-width: 768px) {
  .editor {
    transform: none;
    left: 0;
    flex-wrap: wrap;
    width: 90%;
  }
}

.editor .position {
  display: none;
}

.editor .buttons {
  display: flex;
  align-items: center;
  gap: 0.5em;
}

.btn {
  padding: 0.5em;
  border-radius: 0.5em;
  height: 34px;
  width: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.2s;
}
.btn:hover {
  opacity: 0.7;
}
.btn.primary {
  background: #FF9E1F;
  border: none;
}
.btn.secondary {
  border: 1px solid #052E35;
  background: transparent;
}

input, select {
  border-radius: 0.5em;
  padding: 0.5em;
  border: 1px solid #DCE3E4;
  transition: 0.2s;
}

input:focus, select:focus {
  outline: none;
  border: 1px solid #052E35;
}

.preview-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
}
.preview-wrapper .preview-frame-inner {
  width: 100%;
  max-width: 800px;
  aspect-ratio: 210/297;
  background: #e5e7eb;
  overflow: hidden;
}
.preview-wrapper #previewFrame {
  width: 100%;
  height: 100%;
  border: none;
  background: #fff;
  display: block;
}

.font-size-control {
  display: flex;
  align-items: center;
  max-height: 100%;
}
.font-size-control button {
  border: 1px solid #DCE3E4;
  background: transparent;
  height: 100%;
  padding: 0.5em;
  height: 34px;
  width: 34px;
  border-radius: 0 0.5em 0.5em 0;
  margin-left: -1px;
}
.font-size-control button:nth-child(1) {
  border-radius: 0.5em 0 0 0.5em;
  margin-right: -1px;
}
.font-size-control input {
  height: 100%;
  border-radius: 0;
  width: 60px;
  padding: 0;
  text-align: center;
}
/*# sourceMappingURL=style.css.map */