body {
  background: #091f40;
}
html,
body,
#root {
  height: 100%;
  overflow-x: hidden;
}
body {
  margin: 0;
}
[data-testid="studio-shell"] {
  background: linear-gradient(155deg, #071d3e, #123b63 55%, #21577a) !important;
}
[data-testid="studio-hero"] {
  background: linear-gradient(130deg, #0a244b, #154f83 65%, #087f91) !important;
}
[data-testid="studio-header"],
[data-testid="studio-nav"] {
  background: linear-gradient(120deg, #091f40, #133c66) !important;
}
[data-testid="studio-shortcut"] {
  background: linear-gradient(140deg, #1d6fb8cc, #26b6c585) !important;
  box-shadow:
    inset 0 1px 0 #b8f6ff60,
    0 6px 18px #001b3b50;
  backdrop-filter: blur(14px);
}
[data-testid="studio-nav"] {
  box-shadow: 0 -8px 32px #153c6620;
  backdrop-filter: blur(18px);
}
#root {
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
  box-sizing: border-box;
}
button,
[role="button"],
[role="checkbox"] {
  touch-action: manipulation;
  transition:
    background-color 0.16s,
    opacity 0.16s,
    transform 0.16s;
}
[role="checkbox"]:active {
  transform: scale(0.94);
}
@media (prefers-reduced-motion: reduce) {
  * {
    transition: none !important;
  }
}
*:focus-visible {
  outline: 3px solid #65dfd3;
  outline-offset: 2px;
}