.DragDropDemo-module__cVAoSq__root{--col-todo-accent:#00a3aa;--col-inprogress-accent:#d27300;--col-done-accent:#48a830;--event-down:#0083e3;--event-move:#d19100;--event-up:#37981b;--event-cancel:#de3b3d}@supports (color:lab(0% 0 0)){.DragDropDemo-module__cVAoSq__root{--col-todo-accent:lab(61.1001% -55.6726 -22.7123);--col-inprogress-accent:lab(58.529% 39.7815 97.1755);--col-done-accent:lab(61.4198% -45.9843 49.902);--event-down:lab(52.5446% -2.04957 -60.1708);--event-move:lab(65.0726% 21.5014 116.322);--event-up:lab(55.596% -45.9195 51.0727);--event-cancel:lab(51.5803% 63.2457 38.9399)}}.DragDropDemo-module__cVAoSq__board{gap:var(--space-3);-webkit-user-select:none;user-select:none;grid-template-columns:repeat(3,1fr);width:100%;min-height:320px;display:grid}.DragDropDemo-module__cVAoSq__column{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-2);background:var(--color-bg);border:1px solid var(--color-border);flex-direction:column;min-height:200px;transition:border-color .15s,box-shadow .15s;display:flex}.DragDropDemo-module__cVAoSq__columnDropTarget{border-color:var(--diagram-layer-9);box-shadow:inset 0 0 0 1px var(--diagram-layer-9), 0 0 12px oklch(from var(--diagram-layer-9) l c h / .25)}.DragDropDemo-module__cVAoSq__columnHeader{padding-bottom:var(--space-2);border-bottom:2px solid var(--diagram-layer-9);margin-bottom:var(--space-1);justify-content:space-between;align-items:center;display:flex}.DragDropDemo-module__cVAoSq__columnTitle{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);margin:0}.DragDropDemo-module__cVAoSq__columnCount{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted);opacity:.6}.DragDropDemo-module__cVAoSq__cardList{gap:var(--space-2);flex-direction:column;flex:1;min-height:40px;display:flex}.DragDropDemo-module__cVAoSq__card{padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-1);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text);cursor:grab;touch-action:none;transition:transform .18s,box-shadow .18s,opacity .18s;position:relative}.DragDropDemo-module__cVAoSq__card:before{content:"";border-radius:var(--radius-1) 0 0 var(--radius-1);background:var(--card-accent,var(--diagram-layer-9));width:3px;position:absolute;top:0;bottom:0;left:0}.DragDropDemo-module__cVAoSq__cardDragging{opacity:.35;transform:scale(.97)}.DragDropDemo-module__cVAoSq__cardFocused{outline:2px solid var(--diagram-layer-9);outline-offset:1px}.DragDropDemo-module__cVAoSq__cardGrabbed{border-style:dashed;border-color:var(--diagram-layer-9);background:oklch(from var(--diagram-layer-9) l c h / .08)}.DragDropDemo-module__cVAoSq__cardShifted{transition:transform .2s}.DragDropDemo-module__cVAoSq__cardGrabbedLabel{margin-left:var(--space-2);color:var(--diagram-layer-9);text-transform:uppercase;letter-spacing:.08em;font-size:.65rem;display:inline-block}.DragDropDemo-module__cVAoSq__cardDropIndicator{background:var(--diagram-layer-9);height:2px;margin:calc(-1 * var(--space-1)) 0;border-radius:1px;transition:opacity .12s}.DragDropDemo-module__cVAoSq__cardInsertionIndicator{background:var(--diagram-layer-9);height:3px;margin:calc(-1 * var(--space-1)) 0;box-shadow:0 0 6px oklch(from var(--diagram-layer-9) l c h / .4);border-radius:1.5px;transition:opacity .12s}.DragDropDemo-module__cVAoSq__ghost{will-change:transform;pointer-events:none;z-index:9999;padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--diagram-layer-9);border-radius:var(--radius-1);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text);box-shadow:0 4px 16px oklch(from var(--color-bg) l c h / .3), 0 0 0 1px var(--diagram-layer-9);opacity:.92;white-space:nowrap;position:fixed;top:0;left:0}.DragDropDemo-module__cVAoSq__ghost:before{content:"";border-radius:var(--radius-1) 0 0 var(--radius-1);background:var(--card-accent,var(--diagram-layer-9));width:3px;position:absolute;top:0;bottom:0;left:0}.DragDropDemo-module__cVAoSq__timelineWrapper{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.DragDropDemo-module__cVAoSq__timelineBoard{min-height:200px}.DragDropDemo-module__cVAoSq__timeline{gap:var(--space-2);padding:var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-2);flex-direction:column;min-height:100px;max-height:160px;display:flex;position:relative;overflow-y:auto}.DragDropDemo-module__cVAoSq__timelineHeader{justify-content:space-between;align-items:center;display:flex}.DragDropDemo-module__cVAoSq__timelineTitle{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);margin:0}.DragDropDemo-module__cVAoSq__timelineClearBtn{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-1);padding:2px var(--space-2);cursor:pointer;transition:border-color .12s,color .12s}.DragDropDemo-module__cVAoSq__timelineClearBtn:hover{border-color:var(--diagram-layer-9);color:var(--color-text)}.DragDropDemo-module__cVAoSq__timelineTrack{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.DragDropDemo-module__cVAoSq__timelineEvent{font-family:var(--font-mono);color:var(--color-text);white-space:nowrap;align-items:center;gap:4px;font-size:.65rem;display:inline-flex}.DragDropDemo-module__cVAoSq__timelineDot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.DragDropDemo-module__cVAoSq__timelineArrow{color:var(--color-muted);margin:0 2px;font-size:.6rem}.DragDropDemo-module__cVAoSq__keyboardInstructions{padding:var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-2);margin-bottom:var(--space-3)}.DragDropDemo-module__cVAoSq__keyboardInstructionsText{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-muted);margin:0;line-height:1.6}.DragDropDemo-module__cVAoSq__kbd{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-1);font-family:var(--font-mono);color:var(--color-text);vertical-align:baseline;margin:0 2px;padding:1px 5px;font-size:.65rem;display:inline-block}.DragDropDemo-module__cVAoSq__srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.DragDropDemo-module__cVAoSq__card,.DragDropDemo-module__cVAoSq__cardShifted,.DragDropDemo-module__cVAoSq__column,.DragDropDemo-module__cVAoSq__ghost,.DragDropDemo-module__cVAoSq__timelineClearBtn,.DragDropDemo-module__cVAoSq__cardDropIndicator,.DragDropDemo-module__cVAoSq__cardInsertionIndicator{transition:none}}