/* ════════════════════════════════════════════════════════════════
 * 1. 리셋 & 기본 레이아웃
 * ════════════════════════════════════════════════════════════════ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
  width: 100%; height: 100%;
  overflow: hidden;
  background: var(--bg-app);
  color: var(--text-base);
  font-family: var(--font);
  font-size: 12px;
}

body { display: flex; flex-direction: column; height: 100dvh; }

/* 앱 래퍼: 사이드바 | 캔버스 | 속성 패널 */
#app-wrapper { display: flex; flex-direction: row; flex: 1; min-height: 0; }

button { font-family: var(--font); }