.dgd{--dgd-surface:#ffffff;--dgd-soft:#f4f4f5;--dgd-ink:#18181b;--dgd-muted:#71717a;--dgd-dots:rgba(24,24,27,0.18);--dgd-accent:#6366f1;display:grid;gap:14px;width:min(100%,560px);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,system-ui,sans-serif}.dark .dgd{--dgd-surface:#111113;--dgd-soft:#27272a;--dgd-ink:#fafafa;--dgd-muted:#a1a1aa;--dgd-dots:rgba(255,255,255,0.16);--dgd-accent:#a5b4fc}.dgd-stage{position:relative;height:280px;overflow:hidden;border-radius:20px;background:var(--dgd-surface)}.dgd-grid{position:absolute;inset:0;width:100%;height:100%;color:var(--dgd-dots);accent-color:var(--dgd-accent)}.dgd-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.dgd-group{display:flex;gap:2px;padding:3px;border-radius:999px;background:var(--dgd-soft)}.dgd-option{padding:6px 14px;border:0;border-radius:999px;background:transparent;color:var(--dgd-muted);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.dgd-option[aria-pressed=true]{background:var(--dgd-surface);color:var(--dgd-ink)}.dgd-toggle{background:var(--dgd-soft)}.dgd-toggle[aria-pressed=true]{color:var(--dgd-accent)}.dgd-option:focus-visible{outline:2px solid var(--dgd-accent);outline-offset:2px}