/* PLAYABLE design tokens: Higgspad's campaign look + Higgsfield Playable's tool UI (refs: design-refs/playable/).
   Near-black, flat panels, one acid-yellow accent, green only for Play / LIVE. No violet, no gold, no glow, no status dots. */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Geist:wght@400;500;600;700&display=swap');
:root {
  --bg: #0D0D0D;
  --panel: #1A1A1D;
  --panel-2: #141416;
  --panel-3: #232327;
  --line: rgba(255, 255, 255, .08);
  --line-2: rgba(255, 255, 255, .14);
  --text: #F5F5F7;
  --muted: #9A9AA3;
  --faint: #6B6B73;
  --accent: #E4FF3F;
  --accent-edge: #A9C21A;
  --accent-ink: #0D0D0D;
  --green: #4ADE80;
  --green-ink: #06210F;
  --red: #FF6B5A;
  --r-sm: 10px;
  --r: 12px;
  --r-lg: 16px;
  --r-xl: 22px;
  --display: 'Barlow Condensed', 'Arial Narrow', Impact, sans-serif;
  --body: 'Geist', Inter, 'Segoe UI', system-ui, sans-serif;
  --h1: clamp(56px, 8.2vw, 104px);
  --h2: clamp(34px, 4.4vw, 52px);
  --rail: 232px;
  --top: 64px;
  --gutter: 16px;
  --safe-b: env(safe-area-inset-bottom, 0px);
}