@import 'https://cdn.ratcode.dev/css/reset.css';
@import 'https://cdn.ratcode.dev/css/default.css';

html[data-theme="oled"] {
  --bg: black;
  --fg: white;
}

html {
  --gap    : 0.50rem;
  --gap-s  : 0.25rem;
  --gap-xs : 0.15rem;
  --gap-l  : 1.00rem;
  --gap-xl : 1.50rem;
}
#app * {
  gap: var(--gap);
}
body { 
  background : var(--bg); 
  color      : var(--fg); 
}


#app {
  display        : flex;
  flex-direction : column;
  
  .Editor { flex: 1 0 auto; }
  .Dock   { flex: 0 1 auto; }
}
#app > *:not(:first-child) {
  border-top: 1px solid var(--fg);
}

.hidden { display: none; }