/* Glassmorphism generator */
.gm-stage { position: relative; display: grid; place-items: center; min-height: 320px; padding: 36px 18px; border-radius: var(--r-lg); overflow: hidden; border: 1px solid var(--line); }
.gm-stage[data-bg='aurora'] {
  background: radial-gradient(circle at 22% 28%, #ff8fc7 0 70px, transparent 71px), radial-gradient(circle at 78% 72%, #ffd27a 0 90px, transparent 91px),
    radial-gradient(circle at 70% 18%, #3fd4f0 0 46px, transparent 47px), linear-gradient(135deg, #6a5cff, #2fb4d6);
}
.gm-stage[data-bg='sunset'] {
  background: radial-gradient(circle at 25% 70%, #7b2ff7 0 80px, transparent 81px), radial-gradient(circle at 80% 25%, #ffe259 0 60px, transparent 61px),
    linear-gradient(160deg, #ff6a5c, #ffb36b);
}
.gm-stage[data-bg='stripes'] { background: repeating-linear-gradient(45deg, #111a2e 0 22px, #f5b84d 22px 44px, #3fd4f0 44px 66px); }
.gm-stage[data-bg='night'] {
  background: radial-gradient(circle at 30% 30%, #5a43ff 0 80px, transparent 81px), radial-gradient(circle at 72% 70%, #c2378a 0 70px, transparent 71px), #0a0e1c;
}
.gm-card { position: relative; width: min(340px, 100%); padding: 24px; color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); }
.gm-card.is-light { color: #111a2e; text-shadow: none; }
.gm-card h4 { margin: 0 0 6px; font-size: 1.2rem; }
.gm-card p { margin: 0 0 16px; font-size: 0.93rem; opacity: 0.92; }
.gm-card .gm-fake-btn { display: inline-block; padding: 8px 16px; border-radius: 999px; background: rgba(255, 255, 255, 0.85); color: #111a2e; font-weight: 700; font-size: 0.88rem; text-shadow: none; }
.dz-range { grid-template-columns: minmax(0, 1fr) auto; }
.dz-num { display: flex; align-items: center; gap: 6px; color: var(--muted); font-size: 0.82rem; font-weight: 600; }
.tool-ui .dz-num input[type='number'] { width: 76px; min-height: 36px; padding: 6px 8px; }
.dz-num > span { min-width: 20px; }