.ds-multi-board{gap:var(--ds-space-4);display:grid}.ds-multi-board[tabindex="-1"]:focus-visible{outline:var(--ds-focus-width) solid var(--info);outline-offset:var(--ds-focus-offset)}.ds-multi-board__tools{align-items:center;gap:var(--ds-space-3);flex-wrap:wrap;display:flex}.ds-multi-board__tools label{align-items:center;gap:var(--ds-space-2);max-width:100%;display:flex}.ds-multi-board__tools .ds-select{width:auto;max-width:100%}.ds-multi-board__tools>span{color:var(--muted);font-variant-numeric:tabular-nums}.ds-multi-board__groups{gap:var(--ds-space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.ds-multi-board__group{min-width:0;min-height:8rem;padding:var(--ds-space-3);background:var(--soft);border:var(--ds-border-width) solid var(--line);border-radius:var(--ds-card-radius);transition:background-color .16s,border-color .16s}.ds-multi-board__group h3{margin:0 0 var(--ds-space-3);font-size:var(--font-section-title)}.ds-multi-board__group h3 span{color:var(--muted);font-size:var(--font-compact)}.ds-multi-board__group.is-drop-target{background:var(--ds-accent-soft);border-color:var(--ds-accent);outline:var(--ds-border-width) solid var(--ds-accent)}.ds-multi-board__group ul{gap:var(--ds-space-2);margin:0;padding:0;list-style:none;display:grid}.ds-multi-board__card{text-align:left;white-space:normal;-webkit-user-select:none;user-select:none;cursor:grab;justify-content:flex-start;width:100%;transition:transform .16s,opacity .16s}.ds-multi-board__card[aria-pressed=true]{border-color:var(--ds-chip-selected-line);background:var(--ds-chip-selected-bg);color:var(--ds-chip-selected-ink)}.ds-multi-board__group li.is-dragging{opacity:.4}.ds-multi-board__group li.is-highlighted .ds-multi-board__card{outline:var(--ds-focus-width) solid var(--ds-status-warning-ink);outline-offset:var(--ds-focus-offset)}.ds-multi-board__ghost{transform:translate(calc(var(--ds-drag-x) + var(--ds-space-4)),calc(var(--ds-drag-y) + var(--ds-space-4)));z-index:100;pointer-events:none;width:14rem;position:fixed;top:0;left:0}.ds-multi-board__ghost-card{box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;width:100%;padding:var(--ds-space-3);border:var(--ds-border-width) solid var(--ds-chip-selected-line);border-radius:var(--ds-control-radius);background:var(--panel);color:var(--ink);box-shadow:var(--shadow);transform:translate(calc(var(--ds-drag-index) * var(--ds-space-1)),calc(var(--ds-drag-index) * var(--ds-space-1))) rotate(calc(var(--ds-drag-index) * 2deg));position:absolute;inset:0 auto auto 0;overflow:hidden}.ds-multi-board__ghost>strong{right:0;top:calc(0rem - var(--ds-space-3));padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-control-radius);background:var(--ds-accent-deep);color:var(--on-fill);position:absolute}.ds-multi-board--tools-keyboard:not(:focus-visible):not(:has(:focus-visible))>.ds-multi-board__tools{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ds-multi-board__announcement{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.ds-multi-board *,.ds-multi-board :before{transition:none!important;animation:none!important}.ds-multi-board__ghost-card{transform:none}}.ds-move-guide{z-index:200;--ds-mg-loop:6.5s;position:fixed;inset:0}.ds-move-guide__sheet{background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 30%,transparent),transparent 45%),color-mix(in srgb,var(--info) 12%,transparent);position:absolute;inset:0}.ds-move-guide__stage{pointer-events:none;position:absolute;inset:0}.ds-move-guide__stage>*{box-sizing:border-box;position:fixed;top:0;left:0}.ds-move-guide__pick{width:var(--ds-mg-card-w);height:var(--ds-mg-card-h);border:2px solid var(--ds-chip-selected-line);border-radius:var(--ds-control-radius);background:color-mix(in srgb,var(--ds-chip-selected-bg) 38%,transparent);opacity:0;animation:var(--ds-mg-loop) ease-in-out infinite}.ds-move-guide__pick[data-pick="1"]{transform:translate(var(--ds-mg-c1-x),var(--ds-mg-c1-y));animation-name:ds-mg-pick-1}.ds-move-guide__pick[data-pick="2"]{transform:translate(var(--ds-mg-c2-x),var(--ds-mg-c2-y));animation-name:ds-mg-pick-2}.ds-move-guide__pick[data-pick="3"]{transform:translate(var(--ds-mg-c3-x),var(--ds-mg-c3-y));animation-name:ds-mg-pick-3}.ds-move-guide__drop{width:var(--ds-mg-drop-w);height:var(--ds-mg-drop-h);transform:translate(var(--ds-mg-drop-x),var(--ds-mg-drop-y));border:2px dashed var(--info);border-radius:var(--ds-control-radius);background:color-mix(in srgb,var(--info) 8%,transparent);animation:ds-mg-drop var(--ds-mg-loop) ease-in-out infinite}.ds-move-guide__save{width:var(--ds-mg-save-w);height:var(--ds-mg-save-h);transform:translate(var(--ds-mg-save-x),var(--ds-mg-save-y));border-radius:var(--ds-control-radius);outline:var(--ds-focus-width) solid var(--info);outline-offset:var(--ds-focus-offset);animation:ds-mg-save var(--ds-mg-loop) ease-in-out infinite}.ds-move-guide__ghost{width:var(--ds-mg-ghost-w);height:var(--ds-mg-card-h);animation:ds-mg-ghost var(--ds-mg-loop) ease-in-out infinite}.ds-move-guide__ghost-card{box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;width:100%;padding:var(--ds-space-3);border:var(--ds-border-width) solid var(--ds-chip-selected-line);border-radius:var(--ds-control-radius);background:var(--panel);color:var(--ink);box-shadow:var(--shadow);transform:translate(calc(var(--ds-mg-index) * var(--ds-space-1)),calc(var(--ds-mg-index) * var(--ds-space-1))) rotate(calc(var(--ds-mg-index) * 2deg));position:absolute;inset:0 auto auto 0;overflow:hidden}.ds-move-guide__ghost>strong{right:calc(0rem - var(--ds-space-2));top:calc(0rem - var(--ds-space-3));padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-control-radius);background:var(--ds-accent-deep);color:var(--on-fill);position:absolute}.ds-move-guide__pointer{transform-origin:4px 3px;width:28px;height:28px;filter:drop-shadow(0 1px 2px color-mix(in srgb,var(--ink) 35%,transparent));animation:ds-mg-pointer var(--ds-mg-loop) ease-in-out infinite}.ds-move-guide__pointer path{fill:var(--panel);stroke:var(--ink);stroke-width:1.5px;stroke-linejoin:round}.ds-move-guide__card{box-sizing:border-box;width:min(26rem,calc(100vw - 2 * var(--ds-space-4)));padding:var(--ds-space-4) var(--ds-space-5);border-radius:var(--ds-control-radius);background:var(--panel);color:var(--ink);box-shadow:var(--shadow);position:fixed}.ds-move-guide__card h2{margin:0 0 var(--ds-space-2);font-size:var(--font-body);font-weight:var(--ds-weight-strong)}.ds-move-guide__card ol{gap:var(--ds-space-1);counter-reset:ds-mg;margin:0;padding:0;list-style:none;display:grid}.ds-move-guide__card li{counter-increment:ds-mg;gap:var(--ds-space-2);padding:var(--ds-space-1) var(--ds-space-2);border-radius:var(--ds-control-radius);animation:var(--ds-mg-loop) ease-in-out infinite;grid-template-columns:auto minmax(0,1fr);display:grid}.ds-move-guide__card li:before{content:counter(ds-mg);background:var(--ds-accent);width:1.4em;height:1.4em;color:var(--panel);font-size:.85em;font-weight:var(--ds-weight-strong);border-radius:50%;place-items:center;display:inline-grid}.ds-move-guide__card li[data-step="1"]{animation-name:ds-mg-step-1}.ds-move-guide__card li[data-step="2"]{animation-name:ds-mg-step-2}.ds-move-guide__card li[data-step="3"]{animation-name:ds-mg-step-3}.ds-move-guide__actions{justify-content:flex-end;gap:var(--ds-space-2);margin-block-start:var(--ds-space-3);display:flex}@keyframes ds-mg-pointer{0%{transform:translate(calc(var(--ds-mg-p1-x) + 64px),calc(var(--ds-mg-p1-y) - 48px));opacity:0}5%{opacity:1}10%{transform:translate(var(--ds-mg-p1-x),var(--ds-mg-p1-y))}12%{transform:translate(var(--ds-mg-p1-x),var(--ds-mg-p1-y)) scale(.82)}14%{transform:translate(var(--ds-mg-p1-x),var(--ds-mg-p1-y))}20%{transform:translate(var(--ds-mg-p2-x),var(--ds-mg-p2-y))}22%{transform:translate(var(--ds-mg-p2-x),var(--ds-mg-p2-y)) scale(.82)}24%{transform:translate(var(--ds-mg-p2-x),var(--ds-mg-p2-y))}30%{transform:translate(var(--ds-mg-p3-x),var(--ds-mg-p3-y))}32%{transform:translate(var(--ds-mg-p3-x),var(--ds-mg-p3-y)) scale(.82)}36%{transform:translate(var(--ds-mg-p3-x),var(--ds-mg-p3-y))}68%,72%{transform:translate(calc(var(--ds-mg-to-x) + var(--ds-mg-ghost-w) * .5),calc(var(--ds-mg-to-y) + var(--ds-mg-card-h) * .5));opacity:1}84%,to{transform:translate(calc(var(--ds-mg-to-x) + var(--ds-mg-ghost-w) * .5),calc(var(--ds-mg-to-y) + var(--ds-mg-card-h) * .5));opacity:0}}@keyframes ds-mg-pick-1{0%,11%{opacity:0}13%,70%{opacity:1}76%,to{opacity:0}}@keyframes ds-mg-pick-2{0%,21%{opacity:0}23%,70%{opacity:1}76%,to{opacity:0}}@keyframes ds-mg-pick-3{0%,31%{opacity:0}33%,70%{opacity:1}76%,to{opacity:0}}@keyframes ds-mg-ghost{0%,34%{transform:translate(var(--ds-mg-from-x),var(--ds-mg-from-y));opacity:0}38%{transform:translate(var(--ds-mg-from-x),var(--ds-mg-from-y)) rotate(-2deg);opacity:1}68%{transform:translate(var(--ds-mg-to-x),var(--ds-mg-to-y)) rotate(-2deg);opacity:1}72%{transform:translate(var(--ds-mg-to-x),var(--ds-mg-to-y));opacity:1}84%,to{transform:translate(var(--ds-mg-to-x),var(--ds-mg-to-y));opacity:0}}@keyframes ds-mg-drop{0%,42%{opacity:0}52%,76%{opacity:1}86%,to{opacity:0}}@keyframes ds-mg-save{0%,76%{opacity:0}82%,95%{opacity:1}to{opacity:0}}@keyframes ds-mg-step-1{0%,32%{background:color-mix(in srgb,var(--info) 12%,transparent)}36%,to{background:0 0}}@keyframes ds-mg-step-2{0%,34%{background:0 0}38%,72%{background:color-mix(in srgb,var(--info) 12%,transparent)}76%,to{background:0 0}}@keyframes ds-mg-step-3{0%,74%{background:0 0}78%,98%{background:color-mix(in srgb,var(--info) 12%,transparent)}to{background:0 0}}@media (prefers-reduced-motion:reduce){.ds-move-guide__pick{opacity:1;animation:none}.ds-move-guide__drop,.ds-move-guide__save,.ds-move-guide__card li{animation:none}.ds-move-guide__ghost{transform:translate(var(--ds-mg-to-x),var(--ds-mg-to-y));animation:none}.ds-move-guide__pointer{transform:translate(calc(var(--ds-mg-to-x) + var(--ds-mg-ghost-w) * .5),calc(var(--ds-mg-to-y) + var(--ds-mg-card-h) * .5));animation:none}}