.dk-demo-shell.svelte-12bz7ax{place-items:center;min-height:560px;padding:clamp(1rem,4vw,2.5rem);display:grid}.drag-strip.svelte-12bz7ax{flex-direction:column;gap:.75rem;width:min(100%,640px);display:flex}.micro.svelte-12bz7ax{font-family:var(--brut-mono,monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--brut-ink-3,#9a9a9a);font-size:.6875rem}.status.svelte-12bz7ax{color:var(--brut-accent,#247768)}.strip-head.svelte-12bz7ax,.strip-foot.svelte-12bz7ax{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-12bz7ax{border-bottom:none;border-top:1px dashed var(--brut-rule-2,#bbc4c0);flex-wrap:wrap;padding-top:.75rem;padding-bottom:0}.chips.svelte-12bz7ax{flex-wrap:wrap;gap:.375rem;display:flex}.chip.svelte-12bz7ax{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-12bz7ax{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-12bz7ax{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-12bz7ax{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-12bz7ax{top:.65rem}.axis-label-right.svelte-12bz7ax{writing-mode:vertical-rl;right:.65rem}.axis-label-bottom.svelte-12bz7ax{bottom:.65rem}.axis-label-left.svelte-12bz7ax{writing-mode:vertical-rl;left:.65rem;transform:rotate(180deg)}.drag-stage [aria-label="Draggable constrained 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 constrained card"]:before{content:"";border:1px solid var(--brut-accent-ink,#f8fcfb);opacity:.32;pointer-events:none;position:absolute;inset:8px}.tile-mark.svelte-12bz7ax,.tile-label.svelte-12bz7ax{z-index:1;padding-inline:.75rem;position:relative}.tile-mark.svelte-12bz7ax{opacity:.74;align-self:start;padding-top:.7rem;font-size:.66rem}.tile-label.svelte-12bz7ax{place-self:end;padding-bottom:.72rem}.tile-grip.svelte-12bz7ax{z-index:1;opacity:.62;grid-template-columns:repeat(2,5px);justify-self:center;gap:6px;display:grid;position:relative}.tile-grip.svelte-12bz7ax i:where(.svelte-12bz7ax){aspect-ratio:1;background:currentColor;width:5px}@media (width<=640px){.stage-wrap.svelte-12bz7ax{min-height:360px}.drag-stage.svelte-12bz7ax{width:min(72vw,320px)}}