.dk-demo-shell.svelte-1v4x2ur{background:var(--brut-bg,#f8fcfb);width:100%;min-height:clamp(420px,100vh - 240px,560px);color:var(--brut-ink,#0a0a0a);flex-direction:column;gap:14px;padding:18px;display:flex}.toolbar.svelte-1v4x2ur{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.stage.svelte-1v4x2ur{border:1px solid var(--brut-rule-2,#bbc4c0);background:linear-gradient(90deg, var(--brut-rule,#d6dedb) 1px, transparent 1px), linear-gradient(0deg, var(--brut-rule,#d6dedb) 1px, transparent 1px), var(--brut-bg-2,#eef4f1);background-size:44px 44px;flex-direction:column;flex:1;gap:18px;min-height:0;padding:20px;display:flex;position:relative;overflow:hidden}.intro.svelte-1v4x2ur{z-index:3;flex-wrap:wrap;align-items:baseline;gap:6px 12px;display:flex;position:relative}.eyebrow.svelte-1v4x2ur{color:var(--brut-accent,#247768);font-family:var(--brut-mono,monospace);letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:700}.title.svelte-1v4x2ur{color:var(--brut-ink,#0a0a0a);font-size:18px;font-weight:750;line-height:1.1}.panels.svelte-1v4x2ur{z-index:2;flex:1;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));align-content:start;gap:14px;min-height:0;display:grid;position:relative}.panel.svelte-1v4x2ur{border:1px solid var(--brut-rule-2,#bbc4c0);background:var(--brut-bg-2,#eef4f1);min-width:0;box-shadow:6px 6px 0 var(--brut-rule,#d6dedb);flex-direction:column;gap:12px;padding:16px;display:flex;position:relative}.panel-head.svelte-1v4x2ur{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.panel-title.svelte-1v4x2ur{color:var(--brut-ink,#0a0a0a);font-size:16px;font-weight:750;line-height:1.05}.progress-ring.svelte-1v4x2ur{width:100%;max-width:190px;margin:auto}.ring-track.svelte-1v4x2ur{fill:none;stroke:var(--brut-rule-2,#bbc4c0);stroke-width:12px}.ring-label.svelte-1v4x2ur{fill:var(--brut-ink,#0a0a0a);font-family:var(--brut-mono,monospace);text-anchor:middle;font-size:24px;font-weight:800}.dk-demo-shell.svelte-1v4x2ur .ring-value{fill:none;stroke:var(--brut-accent,#247768);stroke-width:12px;stroke-linecap:round}.dk-demo-shell.svelte-1v4x2ur .track-fill{stroke:var(--brut-accent,#247768);stroke-width:4px;stroke-linecap:round}.dk-demo-shell.svelte-1v4x2ur .track-dot{fill:var(--brut-ink,#0a0a0a)}.track.svelte-1v4x2ur{width:100%;margin:auto 0}.track-rail.svelte-1v4x2ur{stroke:var(--brut-rule-2,#bbc4c0);stroke-width:4px;stroke-linecap:round}.hint.svelte-1v4x2ur{color:var(--brut-ink-2,#525252);margin:0;font-size:12px;line-height:1.6}.mono.svelte-1v4x2ur{background:var(--brut-accent-soft,#2477681a);color:var(--brut-accent,#247768);font-family:var(--brut-mono,monospace);padding:1px 4px;font-size:11px}@media (width<=900px){.dk-demo-shell.svelte-1v4x2ur{padding:1rem}.intro.svelte-1v4x2ur{flex-direction:column;align-items:flex-start;gap:6px}.panels.svelte-1v4x2ur{grid-template-columns:minmax(0,1fr)}}.dk-demo-shell.svelte-1x5ky8f{background:var(--brut-bg,#f8fcfb);width:100%;min-height:clamp(480px,100vh - 220px,650px);color:var(--brut-ink,#0a0a0a);flex-direction:column;gap:14px;padding:18px;display:flex}.masthead.svelte-1x5ky8f{border-bottom:1px solid var(--brut-rule-2,#bbc4c0);justify-content:space-between;align-items:end;gap:16px;padding-bottom:12px;display:flex}.masthead.svelte-1x5ky8f h3:where(.svelte-1x5ky8f){letter-spacing:-.04em;margin:3px 0 0;font-size:clamp(20px,3vw,32px);line-height:1}.eyebrow.svelte-1x5ky8f,.status.svelte-1x5ky8f,.telemetry.svelte-1x5ky8f span:where(.svelte-1x5ky8f){font-family:var(--brut-mono,monospace);letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:700}.eyebrow.svelte-1x5ky8f{color:var(--brut-accent,#247768)}.status.svelte-1x5ky8f{white-space:nowrap;color:var(--brut-ink-2,#525252);align-items:center;gap:6px;display:flex}.status.online.svelte-1x5ky8f{color:#a855f7}.stage.svelte-1x5ky8f{border:1px solid var(--brut-rule-2,#bbc4c0);min-height:360px;box-shadow:7px 7px 0 var(--brut-rule,#d6dedb);background:#07110f;flex:1;position:relative;overflow:hidden}.grid.svelte-1x5ky8f{opacity:.18;background-image:linear-gradient(#54dbbc 1px,#0000 1px),linear-gradient(90deg,#54dbbc 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}svg.svelte-1x5ky8f{z-index:1;width:100%;height:auto;min-height:280px;display:block;position:relative}.rail.svelte-1x5ky8f{fill:none;stroke:#24413b;stroke-width:2px;stroke-dasharray:4 9}.rail-live.svelte-1x5ky8f{fill:none;stroke:url(#signal-rail);stroke-width:3px;opacity:.8}.source-marker.svelte-1x5ky8f circle:where(.svelte-1x5ky8f),.dock-marker.svelte-1x5ky8f circle:where(.svelte-1x5ky8f){fill:none;stroke:#54dbbc;stroke-width:1px;stroke-dasharray:5 6;opacity:.65}.dock-marker.svelte-1x5ky8f circle:where(.svelte-1x5ky8f):first-child{stroke:#a855f7;transform-origin:655px 140px;animation:8s linear infinite svelte-1x5ky8f-orbit}text.svelte-1x5ky8f{fill:#8ca59f;font-family:var(--brut-mono,monospace);letter-spacing:.12em;text-anchor:middle;font-size:10px}.dk-demo-shell.svelte-1x5ky8f .packet-halo{fill:inherit;opacity:.28;filter:url(#signal-bloom)}.dk-demo-shell.svelte-1x5ky8f .packet-core{fill:inherit;filter:url(#signal-bloom)}.dk-demo-shell.svelte-1x5ky8f .arrival-bloom{fill:#a855f7;filter:url(#signal-bloom);transform-origin:655px 140px}.telemetry.svelte-1x5ky8f{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040e0ce0;border:1px solid #31534c;grid-template-columns:.7fr 1.5fr 1fr .7fr;display:grid;position:absolute;bottom:14px;left:14px;right:14px}.telemetry.svelte-1x5ky8f div:where(.svelte-1x5ky8f){border-right:1px solid #31534c;min-width:0;padding:10px 12px}.telemetry.svelte-1x5ky8f div:where(.svelte-1x5ky8f):last-child{border:0}.telemetry.svelte-1x5ky8f span:where(.svelte-1x5ky8f){color:#68837d;margin-bottom:5px;display:block}.telemetry.svelte-1x5ky8f strong:where(.svelte-1x5ky8f){color:#d6fff6;font-family:var(--brut-mono,monospace);text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.controls.svelte-1x5ky8f{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}@keyframes svelte-1x5ky8f-orbit{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.dock-marker.svelte-1x5ky8f circle:where(.svelte-1x5ky8f):first-child{animation:none}}@media (width<=640px){.dk-demo-shell.svelte-1x5ky8f{padding:12px}.masthead.svelte-1x5ky8f{flex-direction:column;align-items:flex-start}.telemetry.svelte-1x5ky8f{grid-template-columns:1fr 1fr}.telemetry.svelte-1x5ky8f div:where(.svelte-1x5ky8f):nth-child(2){border-right:0}.telemetry.svelte-1x5ky8f div:where(.svelte-1x5ky8f):nth-child(-n+2){border-bottom:1px solid #31534c}}