@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;650;750;850;900&display=swap");

body {
  background: #edf2ee !important;
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

body::before {
  content: "Embedded Works Studio";
  position: fixed;
  z-index: 2;
  right: 86px;
  top: 20px;
  color: #0f3b30;
  font-size: 13px;
  font-weight: 850;
  pointer-events: none;
}

input,
textarea,
select,
[role="textbox"] {
  border-radius: 8px !important;
  border-color: rgba(16, 22, 18, 0.16) !important;
  box-shadow: none !important;
}

input:focus,
textarea:focus,
select:focus,
[role="textbox"]:focus {
  border-color: #1f6b52 !important;
  box-shadow: 0 0 0 3px rgba(105, 214, 206, 0.22) !important;
}

button {
  border-radius: 8px !important;
  font-weight: 850 !important;
}

[class*="AppHeader"],
[class*="EditorToolbar"] {
  border-bottom: 1px solid rgba(16, 22, 18, 0.12) !important;
  box-shadow: 0 12px 36px rgba(16, 22, 18, 0.08) !important;
}

[class*="ControlPane"],
[class*="EditorControlPane"] {
  background:
    radial-gradient(circle at 95% 0%, rgba(105, 214, 206, 0.12), transparent 24rem),
    #f7f4ed !important;
}

[class*="PreviewPane"],
[class*="EditorPreviewPane"] {
  background: #e6eee8 !important;
}

[class*="FieldLabel"],
[class*="ControlLabel"] {
  color: #34443b !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
}

[class*="ObjectControl"],
[class*="ListControl"],
[class*="NestedObjectControl"] {
  overflow: hidden !important;
  border: 1px solid rgba(16, 22, 18, 0.12) !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.62) !important;
}

[class*="ObjectControl"] > [class*="TopBar"],
[class*="ListControl"] > [class*="TopBar"],
[class*="ObjectControl"] [class*="ObjectLabel"],
[class*="ListControl"] [class*="ListLabel"] {
  background: #dfe7e1 !important;
}

[class*="CollectionTop"],
[class*="CollectionMain"],
[class*="EditorContainer"] {
  background: #edf2ee !important;
}

[class*="ControlPane"] > div,
[class*="EditorControlPane"] > div {
  max-width: 900px !important;
}

a {
  color: #1f6b52 !important;
}