html,body{height:100%;margin:0}body{width:100vw;height:100vh;overflow:hidden;background:var(--color-slate-100);color:var(--color-slate-900);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--color-white: #ffffff;--color-slate-50: #f8fafc;--color-slate-100: #f1f5f9;--color-slate-200: #e2e8f0;--color-slate-300: #cbd5e1;--color-slate-400: #94a3b8;--color-slate-500: #64748b;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-800: #1e293b;--color-slate-900: #0f172a;--color-sky-50: #f0f9ff;--color-sky-100: #e0f2fe;--color-sky-300: #7dd3fc;--color-sky-400: #38bdf8;--color-sky-500: #0ea5e9;--color-sky-600: #0284c7;--color-sky-700: #0369a1;--color-amber-50: #fffbeb;--color-amber-100: #fef3c7;--color-amber-300: #fcd34d;--color-amber-700: #b45309;--color-red-50: #fef2f2;--color-red-600: #dc2626;--color-red-800: #991b1b;--color-yellow-200: #fef08a;--color-yellow-500: #eab308;--color-blue-200: #bfdbfe;--color-blue-500: #3b82f6;--color-green-200: #bbf7d0;--color-green-500: #22c55e;--color-violet-200: #ede9fe;--color-violet-500: #8b5cf6;--space-0_5: .125rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--fs-10: 10px;--fs-11: 11px;--fs-12: .75rem;--fs-14: .875rem;--lh-12: 1rem;--lh-14: 1.25rem;--radius-default: .25rem;--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}[hidden]{display:none!important}#app-status{position:fixed;left:50%;bottom:var(--space-4);z-index:1000;max-width:min(420px,calc(100vw - 32px));transform:translate(-50%);border:1px solid var(--color-slate-300);border-radius:var(--radius-default);background:var(--color-slate-900);color:var(--color-white);padding:var(--space-2) var(--space-3);box-shadow:0 12px 28px #0f172a38;font-size:var(--fs-12);line-height:var(--lh-12);text-align:center}diagram-canvas{position:absolute;inset:0;outline:none}diagram-canvas:focus-visible{outline:2px solid var(--color-sky-500);outline-offset:-2px}diagram-canvas.grid-visible{background-image:linear-gradient(to right,rgba(100,116,139,.18) 1px,transparent 1px),linear-gradient(to bottom,rgba(100,116,139,.18) 1px,transparent 1px);background-size:var(--grid-bg-size, var(--grid-size, 10px)) var(--grid-bg-size, var(--grid-size, 10px));background-position:var(--grid-bg-pos-x, 0) var(--grid-bg-pos-y, 0)}