@font-face { font-family: "Space Grotesk"; src: local("Avenir Next"), local("Helvetica Neue"), local("Segoe UI"), local("Arial"); font-style: normal; font-weight: 400 700; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: local("SFMono-Regular"), local("Menlo"), local("Consolas"), local("Courier New"); font-style: normal; font-weight: 400 500; font-display: swap; }

/* THEME: MailPaw */
:root {
  --zt-font: "Space Grotesk", "Avenir Next", Avenir, "Trebuchet MS", sans-serif;
  --zt-font-mono: "JetBrains Mono", "Fira Code", "SFMono-Regular", Menlo, monospace;
  --zt-glass: rgba(255, 255, 255, 0.94);
  --zt-glass-border: rgba(15, 23, 42, 0.1);
  --zt-blur: blur(20px);
  --zt-shadow: 0 24px 60px rgba(15, 23, 42, 0.12);
  --zt-primary: #111827;
  --zt-primary-strong: #020617;
  --zt-accent: #64748b;
  --zt-danger: #ef4444;
  --zt-gradient: #111827;
  --zt-text: #111827;
  --zt-muted: #64748b;
  --zt-bg: #f6f7f9;
  --zt-surface: #ffffff;
  --zt-surface-strong: #ffffff;
  --zt-radius: 16px;
}

/* GLOBAL RESET */
#zt-panel, #zt-panel *, #zt-fs-layer, #zt-fs-layer * {
  box-sizing: border-box !important;
  font-family: var(--zt-font);
}

#zt-panel, #zt-fs-layer {
  color: var(--zt-text);
  -webkit-user-select: none;
  user-select: none;
}

#zt-panel input,
#zt-panel textarea,
#zt-panel [contenteditable="true"],
#zt-fs-layer input,
#zt-fs-layer textarea,
#zt-fs-layer [contenteditable="true"] {
  -webkit-user-select: text;
  user-select: text;
}

/* ANIMATIONS */
@keyframes slideUpFade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@keyframes zoomIn { from { opacity: 0; transform: scale(0.98); } to { opacity: 1; transform: scale(1); } }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }