/* HSPingal app theme: editor. Loaded after the app's own styles. */
:root {
  --bg: var(--c-bg);
  --surface: #eef2ff;
  --card: #f7f9ff;
  --card2: #ffffff;
  --border: rgba(14,26,85,.18);
  --border2: rgba(14,26,85,.18);
  --accent: #1f3bff;
  --accent2: #ff4d8d;
  --on-accent: #ffffff;
  --text: var(--c-fg);
  --text2: var(--c-sub);
  --muted: #59649b;
  --success: #067a57;
  --ok: #067a57;
  --danger: #c81e4f;
  --warn: #a15c00;
  --warning: #a15c00;
  --glow: rgba(31,59,255, .2);
  --app-w: 1120px;
  --app-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, Roboto, sans-serif;
  color-scheme: light;
}

.app-mast { background: var(--c-bg); }

/* A marked-up proof: paper-blue desk, blue pencil, one pink highlighter. */
.app-mast { background: linear-gradient(180deg, #cbd9ff, var(--c-bg)); border-bottom: 0; }
.chip { background: #fff; border-color: var(--border); color: var(--c-fg); }
.chip.green { background: #1f3bff; border-color: #1f3bff; color: #fff; }
.drop-zone { border: 2px dashed #1f3bff !important; border-radius: 10px !important; background: #f7f9ff; }
.drop-zone.over { background: #fff; }
.drop-text { color: var(--c-fg); font-weight: 600; font-size: 1.1rem; }
.toolbar { background: #fff; border-color: var(--border); box-shadow: 0 10px 28px -18px rgba(14,26,85,.55); }
.tbtn.active { background: #1f3bff !important; border-color: #1f3bff !important; color: #fff !important; }
.tbtn:hover { color: #1f3bff; }
.props-bar { background: #fff; }
.toggle-btn.active { background: #1f3bff !important; border-color: #1f3bff !important; color: #fff !important; }
.page-stage { box-shadow: 0 14px 44px -14px rgba(14,26,85,.5); }
.load-spinner { border-color: rgba(14,26,85,.25); border-top-color: #1f3bff; }
.sig-overlay { background: rgba(14,26,85,.5); }
.app-mast:has(~ .app-body #editor[style*="block"]) { display: none; }