.ui-reorder{flex-direction:column;gap:6px;display:flex}.ui-reorder-rows{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.ui-reorder-row{background:var(--cc-surface);border:1px solid var(--cc-rule);border-radius:var(--cc-r-2);box-shadow:var(--cc-shadow-card);transition:border-color var(--cc-dur-press) ease;align-items:center;gap:8px;padding:6px 8px 6px 4px;display:flex}@media (hover:hover) and (pointer:fine){.ui-reorder-row:hover{border-color:var(--cc-rule-strong)}}.ui-reorder-row[data-dragging]{opacity:.16}.ui-reorder-handle{width:20px;height:24px;color:var(--cc-ink-3);border-radius:var(--cc-r-1);cursor:grab;touch-action:none;transition:background .1s ease, color .1s ease, transform var(--cc-dur-press) var(--cc-ease-out);background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid;position:relative}@media (hover:hover) and (pointer:fine){.ui-reorder-handle:hover:not(:disabled){background:var(--cc-rule);color:var(--cc-ink-2)}}.ui-reorder-handle:active:not(:disabled){cursor:grabbing;transform:scale(.9)}.ui-reorder-handle:disabled{cursor:not-allowed;opacity:.55}@media (pointer:coarse){.ui-reorder-handle:after{content:"";position:absolute;inset:-8px -6px}}.ui-reorder-content{flex:auto;min-width:0}.ui-reorder-actions{flex:none;align-items:center;display:flex}.ui-reorder-remove{color:var(--cc-ink-3)}@media (hover:hover) and (pointer:fine){.ui-reorder-remove{opacity:0;transition:opacity .1s}.ui-reorder-row:hover .ui-reorder-remove,.ui-reorder-row:focus-within .ui-reorder-remove,.ui-reorder-remove:focus-visible{opacity:1}.ui-reorder-row .ui-reorder-remove:disabled{opacity:0}.ui-reorder-remove:hover:not(:disabled){color:var(--cc-neg);background:var(--cc-neg-weak)}}.ui-reorder-row--overlay{cursor:grabbing;border-color:var(--cc-rule-strong);box-shadow:var(--cc-shadow-lift);opacity:1;transform:rotate(1.1deg)scale(1.025)}.ui-reorder-handle--overlay{color:var(--cc-ink-2);cursor:grabbing}.ui-reorder-add{width:100%;height:30px;font-family:var(--cc-font);color:var(--cc-ink-2);border-radius:var(--cc-r-2);cursor:pointer;transition:background var(--cc-dur-press) ease, border-color var(--cc-dur-press) ease, color var(--cc-dur-press) ease, box-shadow var(--cc-dur-press) ease, transform var(--cc-dur-press) var(--cc-ease-out);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:12.5px;font-weight:500;line-height:1;display:flex;position:relative}.ui-reorder-add-glyph{color:var(--cc-ink-3);transition:color var(--cc-dur-press) ease}.ui-reorder-add-label{line-height:1;transform:translateY(-.5px)}@media (hover:hover) and (pointer:fine){.ui-reorder-add:hover:not(:disabled){color:var(--cc-ink);background:var(--cc-surface);border-color:var(--cc-rule);box-shadow:var(--cc-shadow-card)}.ui-reorder-add:hover:not(:disabled) .ui-reorder-add-glyph{color:var(--cc-accent)}}.ui-reorder-add:active:not(:disabled){transform:scale(.99)}.ui-reorder-add:disabled{cursor:not-allowed;opacity:.55}@media (pointer:coarse){.ui-reorder-add{height:40px}}.ui-reorder-announce{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.ui-reorder-handle:active:not(:disabled),.ui-reorder-add:active:not(:disabled),.ui-reorder-row--overlay{transform:none}}
