/* ============================================
   EASY STUDIO PRO - Variables & Base Styles
   ============================================ */

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

:root {
    --bg-darkest: #1a1a1e;
    --bg-dark: #222226;
    --bg-medium: #2a2a2e;
    --bg-light: #333338;
    --bg-lighter: #3d3d42;
    --bg-lightest: #4a4a50;
    --border: #404046;
    --border-light: #505058;
    --text-primary: #e8e8ec;
    --text-secondary: #a0a0a8;
    --text-dim: #707078;
    --accent: #4a9eff;
    --accent-hover: #5aafff;
    --accent-dim: #3a7ecc;
    --panel-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

body {
    font-family: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    background: var(--bg-darkest);
    color: var(--text-primary);
    overflow: hidden;
    height: 100vh;
    user-select: none;
    font-size: 13px;
}

/* Scrollbar */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: var(--bg-dark); }
::-webkit-scrollbar-thumb { background: var(--bg-lighter); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--border-light); }

/* File Input */
#fileInput { display: none; }