.kg-demo{--kg-radius:0px;--kg-border:1px solid var(--rule,#e5e7eb);--kg-bg:var(--leaf,#f9fafb);--kg-text:var(--ink,#111827);--kg-text-2:var(--ink-2,#6b7280);--kg-accent:var(--flag,#0ea5e9);--kg-accent-2:var(--flag-2,#0284c7);border-radius:var(--kg-radius);border:var(--kg-border);background:var(--kg-bg);color:var(--kg-text);flex-direction:column;font-family:inherit;display:flex;overflow:hidden}.kg-demo--compact{background:0 0;border:none;padding:0}.kg-demo--loading,.kg-demo--error{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:240px;padding:2rem;display:flex}.kg-demo__spinner{border:3px solid var(--kg-border);border-top-color:var(--kg-accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite kg-spin}@keyframes kg-spin{to{transform:rotate(360deg)}}.kg-demo__loading-text{color:var(--kg-text-2);margin-top:.75rem;font-size:.875rem}.kg-demo__error{color:var(--danger,#dc2626);font-size:.875rem}.kg-demo__header{border-bottom:var(--kg-border);background:var(--bg,white);align-items:flex-start;gap:1rem;padding:1.5rem;display:flex}.kg-demo__emoji{flex-shrink:0;font-size:2.5rem;line-height:1}.kg-demo__meta{flex:1;min-width:0}.kg-demo__title{color:var(--kg-text);margin:0 0 .25rem;font-size:1.25rem;font-weight:700}.kg-demo__description{color:var(--kg-text-2);margin:0;font-size:.875rem;line-height:1.5}.kg-demo__canvas{background:var(--bg,white);flex:1;justify-content:center;align-items:center;min-height:320px;max-height:520px;padding:1rem;display:flex}.kg-demo__canvas>*{width:100%;max-width:720px;height:auto}.kg-demo--compact .kg-demo__canvas{min-height:200px;max-height:360px;padding:0}.kg-demo__pillars{border-top:var(--kg-border);background:var(--bg,white);flex-wrap:wrap;gap:.5rem;padding:1rem 1.5rem;display:flex}.kg-demo__pillar{background:var(--kg-accent);color:#fff;text-transform:uppercase;letter-spacing:.025em;border-radius:9999px;padding:.25rem .625rem;font-size:.75rem;font-weight:600}@media (max-width:640px){.kg-demo__header{text-align:center;flex-direction:column;align-items:center}.kg-demo__emoji{font-size:2rem}.kg-demo__title{font-size:1.125rem}.kg-demo__canvas{min-height:280px}}