.dk-demo-shell.svelte-1acvivn{justify-content:center;align-items:center;width:100%;min-height:520px;padding:clamp(1.25rem,4vw,2.5rem);display:flex}.micro.svelte-1acvivn{font-family:var(--brut-mono,monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--brut-ink-3,#9a9a9a);font-size:.6875rem}.stage.svelte-1acvivn{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:54px 54px,54px 54px,auto;place-items:center;width:100%;max-width:720px;min-height:420px;display:grid;position:relative;overflow:hidden}.stage-head.svelte-1acvivn{border-bottom:1px dashed var(--brut-rule-2,#bbc4c0);background:var(--brut-bg,#f8fcfb);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex;position:absolute;top:0;left:0;right:0}.viewport.svelte-1acvivn{isolation:isolate;place-items:center;width:min(100%,520px);height:300px;display:grid;position:relative}.track-line.svelte-1acvivn{background:var(--brut-rule-2,#bbc4c0);height:1px;position:absolute;inset:50% -120px auto;transform:translateY(-50%)}.ghost.svelte-1acvivn{border:1px dashed var(--brut-rule-2,#bbc4c0);background:var(--brut-bg-2,#eef4f1);opacity:.6;width:250px;height:170px;position:absolute}.ghost-left.svelte-1acvivn{translate:-205px 24px;rotate:-7deg}.ghost-right.svelte-1acvivn{translate:205px -24px;rotate:7deg}.panel{border:1px solid var(--brut-ink,#0a0a0a);background:var(--brut-bg,#f8fcfb);width:min(410px,100% - 40px);min-height:220px;box-shadow:8px 8px 0 var(--brut-accent-soft,#2477681a);transform-origin:50%;z-index:2;align-content:stretch;gap:14px;padding:24px;display:grid;position:absolute}.panel-topline.svelte-1acvivn{align-items:center;gap:12px;display:flex}.icon.svelte-1acvivn{border:1px solid var(--brut-rule-2,#bbc4c0);width:36px;height:36px;color:var(--brut-accent,#247768);background:var(--brut-accent-soft,#2477681a);place-items:center;display:grid}.panel span{color:var(--brut-accent,#247768);font-family:var(--brut-mono,monospace);letter-spacing:.08em;text-transform:uppercase;font-size:.6875rem;font-weight:700}.panel strong{color:var(--brut-ink,#0a0a0a);max-width:12ch;font-size:clamp(24px,4vw,36px);line-height:1}.panel p{color:var(--brut-ink-2,#525252);max-width:34ch;margin:0;line-height:1.5}.panel-footer.svelte-1acvivn{color:var(--brut-ink-3,#9a9a9a);font-family:var(--brut-mono,monospace);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-self:end;align-items:end;gap:16px;font-size:.6875rem;font-weight:700;display:flex}.panel-footer.svelte-1acvivn small:where(.svelte-1acvivn){color:var(--brut-accent,#247768);font-size:26px;line-height:1}.panel-footer.svelte-1acvivn i:where(.svelte-1acvivn){font-style:normal}.rail.svelte-1acvivn{gap:6px;display:flex}.rail.svelte-1acvivn span:where(.svelte-1acvivn){background:var(--brut-rule-2,#bbc4c0);width:22px;height:5px}.rail.svelte-1acvivn span.active:where(.svelte-1acvivn){background:var(--brut-accent,#247768)}.nav-slot.svelte-1acvivn{z-index:3;position:absolute;top:50%;transform:translateY(-50%)}.previous.svelte-1acvivn{left:clamp(18px,8vw,74px)}.next.svelte-1acvivn{right:clamp(18px,8vw,74px)}.direction-readout.svelte-1acvivn{border:1px solid var(--brut-rule-2,#bbc4c0);background:var(--brut-bg,#f8fcfb);color:var(--brut-ink-3,#9a9a9a);font-family:var(--brut-mono,monospace);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;padding:6px 10px;font-size:.6875rem;font-weight:700;display:flex;position:absolute;bottom:14px;right:16px}.direction-readout.svelte-1acvivn span:where(.svelte-1acvivn){color:var(--brut-ink-2,#525252)}.direction-readout.svelte-1acvivn b:where(.svelte-1acvivn){color:var(--brut-accent,#247768);text-transform:none;font-weight:700}@media (width<=640px){.stage.svelte-1acvivn{min-height:500px}.viewport.svelte-1acvivn{width:100%;height:350px}.nav-slot.svelte-1acvivn{top:auto;bottom:24px;transform:none}.previous.svelte-1acvivn{left:24px}.next.svelte-1acvivn{right:24px}.direction-readout.svelte-1acvivn{bottom:76px;left:50%;right:auto;translate:-50%}}