@import './styles/global.css';
@import './styles/studio.css';

/* App-specific layout */
#app {
  display: flex;
  flex-direction: column;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background: var(--bg-app);
}

main {
  flex: 1;
  position: relative;
  overflow: hidden;
  display: flex;
}

/* Utilities */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}