.drag-item-dragging{opacity:.6;transform:scale(1.02);box-shadow:0 10px 25px #00000026;border:2px solid rgb(191,26,26);background:#bf1a1a14;z-index:1000;transition:all .2s ease}.drop-zone-active{position:relative}.drop-zone-active:before{content:"";position:absolute;top:-2px;left:0;right:0;height:4px;background:linear-gradient(90deg,#bf1a1a,#ffe08f);border-radius:2px;z-index:10;animation:pulse-drop-zone 1.5s ease-in-out infinite}.drop-zone-active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:4px;background:linear-gradient(90deg,#bf1a1a,#ffe08f);border-radius:2px;z-index:10;animation:pulse-drop-zone 1.5s ease-in-out infinite}.insertion-point{position:absolute;left:0;right:0;height:2px;background:#bf1a1a;z-index:15;animation:insertion-glow 1s ease-in-out infinite alternate}.insertion-point:before{content:"";position:absolute;left:8px;top:-4px;width:8px;height:8px;background:#bf1a1a;border-radius:50%;animation:insertion-glow 1s ease-in-out infinite alternate}.insertion-point:after{content:"";position:absolute;right:8px;top:-4px;width:8px;height:8px;background:#bf1a1a;border-radius:50%;animation:insertion-glow 1s ease-in-out infinite alternate}.drag-handle-hover{background:#9ca3af1a;transform:scale(1.05);transition:all .15s ease}.page-row-hover{background:#bf1a1a0d;border-color:#bf1a1a40;transition:all .2s ease}.drag-overlay{background:#fff;border:2px solid rgb(191,26,26);border-radius:8px;box-shadow:0 20px 40px #0003;opacity:.95;transform:rotate(2deg);z-index:1001}.dark .drag-item-dragging{background:#bf1a1a1f;border-color:#ff6c0c}.dark .drop-zone-active:before,.dark .drop-zone-active:after{background:linear-gradient(90deg,#ff6c0c,#ffe08f)}.dark .insertion-point{background:#ff6c0c}.dark .insertion-point:before,.dark .insertion-point:after{background:#ff6c0c}.dark .drag-overlay{background:#111827;border-color:#ff6c0c}.dark .page-row-hover{background:#ff6c0c1a;border-color:#ff6c0c59}@keyframes pulse-drop-zone{0%,to{opacity:.6;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.2)}}@keyframes insertion-glow{0%{opacity:.6;box-shadow:0 0 4px #bf1a1a73}to{opacity:1;box-shadow:0 0 12px #bf1a1ad9}}.drag-handle:focus-visible{outline:2px solid rgb(191,26,26);outline-offset:2px;border-radius:4px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.alternative-reorder-controls{opacity:0;transition:opacity .2s ease}.group:hover .alternative-reorder-controls,.group:focus-within .alternative-reorder-controls{opacity:1}.keyboard-reorder-active{background:#bf1a1a1f;border:2px solid rgb(191,26,26);outline:none}.dark .keyboard-reorder-active{background:#ff6c0c2e;border-color:#ff6c0c}@media (prefers-contrast: high){.drag-item-dragging{border-width:3px;border-color:#000}.drop-zone-active:before,.drop-zone-active:after{background:#000;height:6px}.insertion-point{background:#000;height:4px}.drag-handle:focus-visible{outline:3px solid #000;outline-offset:3px}}@media (prefers-reduced-motion: reduce){.drag-item-dragging,.drop-zone-active:before,.drop-zone-active:after,.insertion-point,.insertion-point:before,.insertion-point:after,.drag-handle-hover,.page-row-hover{animation:none;transition:none}}
