.dk-demo-shell.svelte-398p3o{place-items:center;min-height:560px;padding:clamp(1rem,4vw,2.5rem);display:grid}.drag-strip.svelte-398p3o{flex-direction:column;gap:.75rem;width:min(100%,640px);display:flex}.micro.svelte-398p3o{font-family:var(--brut-mono,monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--brut-ink-3,#9a9a9a);font-size:.6875rem}.status.svelte-398p3o{color:var(--brut-accent,#247768)}.strip-head.svelte-398p3o,.strip-foot.svelte-398p3o{border-bottom:1px dashed var(--brut-rule-2,#bbc4c0);justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.5rem;display:flex}.strip-foot.svelte-398p3o{border-bottom:none;border-top:1px dashed var(--brut-rule-2,#bbc4c0);flex-wrap:wrap;padding-top:.75rem;padding-bottom:0}.chips.svelte-398p3o{flex-wrap:wrap;gap:.375rem;display:flex}.chip.svelte-398p3o{font-family:var(--brut-mono,monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--brut-ink-2,#525252);border:1px solid var(--brut-rule-2,#bbc4c0);background:var(--brut-bg-2,#eef4f1);padding:.2rem .45rem;font-size:.625rem}.stage-wrap.svelte-398p3o{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:28px 28px,28px 28px,auto;place-items:center;min-height:clamp(320px,58vw,460px);display:grid;position:relative}.drag-stage.svelte-398p3o{aspect-ratio:1;border:1px dashed var(--brut-rule-2,#bbc4c0);background:var(--brut-bg,#f8fcfb);place-items:center;width:min(62vw,380px);display:grid}.axis-label.svelte-398p3o{font-family:var(--brut-mono,monospace);text-transform:uppercase;letter-spacing:.08em;color:var(--brut-ink-3,#9a9a9a);pointer-events:none;font-size:.625rem;position:absolute}.axis-label-top.svelte-398p3o{top:.65rem}.axis-label-bottom.svelte-398p3o{bottom:.65rem}.drag-stage [aria-label="Draggable angled card"]{font-family:var(--brut-mono,monospace);text-transform:uppercase;color:var(--brut-accent-ink,#f8fcfb);letter-spacing:.08em;-webkit-user-select:none;user-select:none;grid-template-rows:auto 1fr auto;align-items:center;font-size:.72rem;font-weight:800;display:grid;position:relative;overflow:hidden}.drag-stage [aria-label="Draggable angled card"]:before{content:"";border:1px solid var(--brut-accent-ink,#f8fcfb);opacity:.32;pointer-events:none;position:absolute;inset:8px}.tile-mark.svelte-398p3o,.tile-label.svelte-398p3o{z-index:1;padding-inline:.75rem;position:relative}.tile-mark.svelte-398p3o{opacity:.74;align-self:start;padding-top:.7rem;font-size:.66rem}.tile-label.svelte-398p3o{place-self:end;padding-bottom:.72rem}.tile-grip.svelte-398p3o{z-index:1;opacity:.62;grid-template-columns:repeat(2,5px);justify-self:center;gap:6px;display:grid;position:relative}.tile-grip.svelte-398p3o i:where(.svelte-398p3o){aspect-ratio:1;background:currentColor;width:5px}@media (width<=640px){.stage-wrap.svelte-398p3o{min-height:360px}.drag-stage.svelte-398p3o{width:min(72vw,320px)}}.dk-demo-shell.svelte-1cl944p{place-items:center;min-height:560px;padding:clamp(1rem,4vw,2.5rem);display:grid}.drag-strip.svelte-1cl944p{flex-direction:column;gap:.75rem;width:min(100%,640px);display:flex}.micro.svelte-1cl944p{font-family:var(--brut-mono,monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--brut-ink-3,#9a9a9a);font-size:.6875rem}.status.svelte-1cl944p{color:var(--brut-accent,#247768)}.strip-head.svelte-1cl944p,.strip-foot.svelte-1cl944p{border-bottom:1px dashed var(--brut-rule-2,#bbc4c0);justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.5rem;display:flex}.strip-foot.svelte-1cl944p{border-bottom:none;border-top:1px dashed var(--brut-rule-2,#bbc4c0);flex-wrap:wrap;padding-top:.75rem;padding-bottom:0}.chips.svelte-1cl944p{flex-wrap:wrap;gap:.375rem;display:flex}.chip.svelte-1cl944p{font-family:var(--brut-mono,monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--brut-ink-2,#525252);border:1px solid var(--brut-rule-2,#bbc4c0);background:var(--brut-bg-2,#eef4f1);padding:.2rem .45rem;font-size:.625rem}.stage-wrap.svelte-1cl944p{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:28px 28px,28px 28px,auto;place-items:center;min-height:clamp(320px,58vw,460px);display:grid;position:relative}.drag-stage.svelte-1cl944p{aspect-ratio:1;border:1px dashed var(--brut-rule-2,#bbc4c0);background:var(--brut-bg,#f8fcfb);place-items:center;width:min(62vw,380px);display:grid}.axis-label.svelte-1cl944p{font-family:var(--brut-mono,monospace);text-transform:uppercase;letter-spacing:.08em;color:var(--brut-ink-3,#9a9a9a);pointer-events:none;font-size:.625rem;position:absolute}.axis-label-top.svelte-1cl944p{top:.65rem}.axis-label-bottom.svelte-1cl944p{bottom:.65rem}.drag-stage [aria-label="Draggable perspective card"]{font-family:var(--brut-mono,monospace);text-transform:uppercase;color:var(--brut-accent-ink,#f8fcfb);letter-spacing:.08em;-webkit-user-select:none;user-select:none;grid-template-rows:auto 1fr auto;align-items:center;font-size:.72rem;font-weight:800;display:grid;position:relative;overflow:hidden}.drag-stage [aria-label="Draggable perspective card"]:before{content:"";border:1px solid var(--brut-accent-ink,#f8fcfb);opacity:.32;pointer-events:none;position:absolute;inset:8px}.tile-mark.svelte-1cl944p,.tile-label.svelte-1cl944p{z-index:1;padding-inline:.75rem;position:relative}.tile-mark.svelte-1cl944p{opacity:.74;align-self:start;padding-top:.7rem;font-size:.66rem}.tile-label.svelte-1cl944p{place-self:end;padding-bottom:.72rem}.tile-grip.svelte-1cl944p{z-index:1;opacity:.62;grid-template-columns:repeat(2,5px);justify-self:center;gap:6px;display:grid;position:relative}.tile-grip.svelte-1cl944p i:where(.svelte-1cl944p){aspect-ratio:1;background:currentColor;width:5px}@media (width<=640px){.stage-wrap.svelte-1cl944p{min-height:360px}.drag-stage.svelte-1cl944p{width:min(72vw,320px)}}