.dk-demo-shell.svelte-1v4x2ur{--demo-bg:#f1f5f9;--demo-stage-bg:#fff;--demo-grid:#0f766e14;--demo-panel-bg:#f8fafce6;--demo-border:#cbd5e1;--demo-panel-border:#d5dee7;--demo-ink:#0f172a;--demo-ink-soft:#475569;--demo-accent:#0f766e;--demo-ring:#0d9488;--demo-line:#0284c7;--demo-dot:#e11d48;--demo-rail:#0f172a24;--demo-track:#0f172a1a;--demo-btn-bg:#fff;--demo-btn-border:#cbd5e1;--demo-glow:transparent;background:var(--demo-bg);width:100%;min-height:clamp(420px,100vh - 240px,560px);color:var(--demo-ink);flex-direction:column;gap:14px;padding:18px;display:flex}html.dark .dk-demo-shell.svelte-1v4x2ur{--demo-bg:#0d1518;--demo-stage-bg:#071114;--demo-grid:#5eead41a;--demo-panel-bg:#0d1b21bd;--demo-border:#2b4650;--demo-panel-border:#86b8c76b;--demo-ink:#ecfeff;--demo-ink-soft:#9fb9c4;--demo-accent:#67e8f9;--demo-ring:#5eead4;--demo-line:#38bdf8;--demo-dot:#fb7185;--demo-rail:#bae6fd3d;--demo-track:#bae6fd29;--demo-btn-bg:#142127;--demo-btn-border:#46616a;--demo-glow:#5eead473}.toolbar.svelte-1v4x2ur{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}button.svelte-1v4x2ur{border:1px solid var(--demo-btn-border);background:var(--demo-btn-bg);height:36px;color:var(--demo-ink);cursor:pointer;border-radius:6px;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:780;display:inline-flex}button.primary.svelte-1v4x2ur{border-color:var(--demo-ring);background:var(--demo-accent);color:#f0fdfa}html.dark button.primary.svelte-1v4x2ur{color:#ecfeff;background:#0f766e}.stage.svelte-1v4x2ur{border:1px solid var(--demo-border);background:linear-gradient(90deg, var(--demo-grid) 1px, transparent 1px), linear-gradient(0deg, var(--demo-grid) 1px, transparent 1px), var(--demo-stage-bg);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(--demo-accent);letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:850}.title.svelte-1v4x2ur{color:var(--demo-ink);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(--demo-panel-border);background:var(--demo-panel-bg);flex-direction:column;gap:12px;min-width:0;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(--demo-ink);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(--demo-track);stroke-width:12px}.ring-label.svelte-1v4x2ur{fill:var(--demo-ink);text-anchor:middle;font-size:24px;font-weight:800}.dk-demo-shell.svelte-1v4x2ur .ring-value{fill:none;stroke:var(--demo-ring);stroke-width:12px;stroke-linecap:round;filter:drop-shadow(0 0 12px var(--demo-glow))}.dk-demo-shell.svelte-1v4x2ur .track-fill{stroke:var(--demo-line);stroke-width:4px;stroke-linecap:round}.dk-demo-shell.svelte-1v4x2ur .track-dot{fill:var(--demo-dot)}.track.svelte-1v4x2ur{width:100%;margin:auto 0}.track-rail.svelte-1v4x2ur{stroke:var(--demo-rail);stroke-width:4px;stroke-linecap:round}.hint.svelte-1v4x2ur{color:var(--demo-ink-soft);margin:0;font-size:12px;line-height:1.6}.mono.svelte-1v4x2ur{background:var(--demo-track);color:var(--demo-ring);border-radius:3px;padding:1px 4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;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)}}