.smooth-frame-reorder[data-v-d2614632]{border-radius:1rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:1rem}.smooth-frame-reorder[data-v-d2614632]:is(.dark *){--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.reorder-header[data-v-d2614632]{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.header-title[data-v-d2614632]{align-items:center;display:flex;font-weight:600;gap:.5rem;--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.header-title[data-v-d2614632]:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.frame-count[data-v-d2614632]{font-size:.875rem;font-weight:400;line-height:1.25rem;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.frame-count[data-v-d2614632]:is(.dark *){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.header-actions[data-v-d2614632]{align-items:center;display:flex;gap:.5rem}.action-btn[data-v-d2614632]{align-items:center;border-radius:.5rem;display:flex;gap:.375rem;--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1));font-size:.875rem;line-height:1.25rem;padding:.375rem .75rem;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1));transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.action-btn[data-v-d2614632]:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.action-btn[data-v-d2614632]:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.action-btn[data-v-d2614632]:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.frames-container[data-v-d2614632]{border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1));padding:1rem}.frames-container[data-v-d2614632]:is(.dark *){background-color:#11182780}.frames-grid[data-v-d2614632]{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.frame-item[data-v-d2614632]{border-radius:.5rem;border-width:2px;cursor:grab;overflow:hidden;position:relative;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.frame-item[data-v-d2614632]:is(.dark *){--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.frame-item[data-v-d2614632]:hover{--tw-border-opacity:1;border-color:rgb(216 180 254/var(--tw-border-opacity,1));--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.frame-item[data-v-d2614632]:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(147 51 234/var(--tw-border-opacity,1))}.frame-item.is-selected[data-v-d2614632]{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.frame-item.is-selected[data-v-d2614632]:is(.dark *){background-color:#14532d33}.frame-preview[data-v-d2614632]{aspect-ratio:1/1;position:relative}.frame-preview img[data-v-d2614632]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.frame-overlay[data-v-d2614632]{background-image:linear-gradient(to top,var(--tw-gradient-stops));inset:0;position:absolute;--tw-gradient-from:rgba(0,0,0,.6) var(--tw-gradient-from-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:transparent var(--tw-gradient-to-position);opacity:0;transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.frame-item:hover .frame-overlay[data-v-d2614632]{opacity:1}.frame-number[data-v-d2614632]{background-color:#00000080;border-radius:.25rem;bottom:.25rem;font-size:.75rem;font-weight:700;left:.25rem;line-height:1rem;padding:.125rem .375rem;position:absolute;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.drag-indicator[data-v-d2614632]{align-items:center;background-color:#ffffffe6;border-radius:.25rem;display:flex;height:1.5rem;justify-content:center;position:absolute;right:.25rem;top:.25rem;width:1.5rem;--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1));opacity:0;transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.drag-indicator[data-v-d2614632]:is(.dark *){background-color:#1f2937e6}.frame-item:hover .drag-indicator[data-v-d2614632]{opacity:1}.frame-delay[data-v-d2614632]{background-color:#111827b3;bottom:0;font-size:.75rem;left:0;line-height:1rem;padding-bottom:.125rem;padding-top:.125rem;position:absolute;right:0;text-align:center;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.selected-indicator[data-v-d2614632]{left:.25rem;position:absolute;top:.25rem;--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}[data-v-d2614632] .frame-ghost{--tw-border-opacity:1;border-color:rgb(168 85 247/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(243 232 255/var(--tw-bg-opacity,1));opacity:.4}[data-v-d2614632] .frame-ghost:is(.dark *){background-color:#581c874d}[data-v-d2614632] .frame-ghost{transform:scale(.95)}[data-v-d2614632] .frame-chosen{z-index:10;--tw-border-opacity:1;border-color:rgb(192 132 252/var(--tw-border-opacity,1));--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);cursor:grabbing!important;transform:scale(1.05)}[data-v-d2614632] .frame-drag{opacity:0}.frame-item[data-v-d2614632]{transition:transform .3s cubic-bezier(.25,.8,.25,1),box-shadow .2s ease,border-color .2s ease,opacity .2s ease}.batch-actions[data-v-d2614632]{align-items:center;border-radius:.5rem;border-width:1px;display:flex;justify-content:space-between;margin-top:1rem;--tw-border-opacity:1;border-color:rgb(233 213 255/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(250 245 255/var(--tw-bg-opacity,1));padding:.75rem}.batch-actions[data-v-d2614632]:is(.dark *){--tw-border-opacity:1;background-color:#581c8733;border-color:rgb(107 33 168/var(--tw-border-opacity,1))}.selection-info[data-v-d2614632]{font-size:.875rem;font-weight:500;line-height:1.25rem;--tw-text-opacity:1;color:rgb(126 34 206/var(--tw-text-opacity,1))}.selection-info[data-v-d2614632]:is(.dark *){--tw-text-opacity:1;color:rgb(216 180 254/var(--tw-text-opacity,1))}.batch-buttons[data-v-d2614632]{align-items:center;display:flex;gap:.5rem}.batch-btn[data-v-d2614632]{align-items:center;border-radius:.5rem;border-width:1px;display:flex;gap:.375rem;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));font-size:.875rem;line-height:1.25rem;padding:.375rem .75rem;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1));transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.batch-btn[data-v-d2614632]:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.batch-btn[data-v-d2614632]:is(.dark *){--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.batch-btn[data-v-d2614632]:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.batch-btn.delete-btn[data-v-d2614632]{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.batch-btn.delete-btn[data-v-d2614632]:hover{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.batch-btn.delete-btn[data-v-d2614632]:is(.dark *){--tw-border-opacity:1;border-color:rgb(153 27 27/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.batch-btn.delete-btn[data-v-d2614632]:hover:is(.dark *){background-color:#7f1d1d33}.reorder-tips[data-v-d2614632]{align-items:center;display:flex;font-size:.875rem;gap:.5rem;line-height:1.25rem;margin-top:1rem;--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.reorder-tips[data-v-d2614632]:is(.dark *){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}