/* [project]/apps/editor/app/globals.css [app-client] (css) */
:root {
  --shell-bg: #1e1e1e;
  --shell-fg: #ccc;
  --shell-border: #333;
  --shell-accent: #0078d4;
  --shell-accent-hover: #1a8cff;
  --shell-surface: #252526;
  --shell-surface-hover: #2a2d2e;
  --shell-panel-bg: #1e1e1e;
  --shell-titlebar-bg: #181818;
  --shell-statusbar-bg: #007acc;
  --shell-statusbar-fg: #fff;
  --shell-input-bg: #3c3c3c;
  --shell-input-border: #555;
  --shell-scrollbar: #424242;
  --shell-scrollbar-hover: #555;
  --canvas-bg: #1a1a1a;
  --checker-light: #ccc;
  --checker-dark: #999;
  --checker-size: 8px;
  --font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono: "SF Mono", "Fira Code", "Cascadia Code", monospace;
  --font-size-xs: 10px;
  --font-size-sm: 11px;
  --font-size-base: 12px;
  --font-size-md: 13px;
  --gap-xs: 2px;
  --gap-sm: 4px;
  --gap-md: 8px;
  --gap-lg: 12px;
  --gap-xl: 16px;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body {
  background: var(--shell-bg);
  height: 100%;
  color: var(--shell-fg);
  font-family: var(--font-ui);
  font-size: var(--font-size-base);
  -webkit-font-smoothing: antialiased;
  -webkit-user-select: none;
  user-select: none;
  overflow: hidden;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: none;
}

::-webkit-scrollbar-thumb {
  background: var(--shell-scrollbar);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--shell-scrollbar-hover);
}

.checkerboard {
  background-image: linear-gradient(45deg, var(--checker-dark) 25%, transparent 25%),
		linear-gradient(-45deg, var(--checker-dark) 25%, transparent 25%),
		linear-gradient(45deg, transparent 75%, var(--checker-dark) 75%),
		linear-gradient(-45deg, transparent 75%, var(--checker-dark) 75%);
  background-size: calc(var(--checker-size) * 2) calc(var(--checker-size) * 2);
  background-position: 0 0, 0 var(--checker-size), var(--checker-size) calc(-1 * var(--checker-size)), calc(-1 * var(--checker-size)) 0;
  background-color: var(--checker-light);
}

.resize-handle-h {
  cursor: col-resize;
  background: none;
  width: 4px;
  transition: background .15s ease-out;
}

.resize-handle-h:hover, .resize-handle-h:active {
  background: var(--shell-accent);
}

.resize-handle-v {
  cursor: row-resize;
  background: none;
  height: 4px;
  transition: background .15s ease-out;
}

.resize-handle-v:hover, .resize-handle-v:active {
  background: var(--shell-accent);
}

/*# sourceMappingURL=apps_editor_app_globals_0fxxw-~.css.map*/