.shot-item[data-v-b1813357]{background:var(--background-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;transition:all .3s}.shot-item[data-v-b1813357]:hover{border-color:var(--border-light);box-shadow:0 4px 12px #0000004d}.shot-header[data-v-b1813357]{margin-bottom:16px}.shot-info[data-v-b1813357]{width:100%}.shot-title-row[data-v-b1813357]{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:8px}.shot-title-row h3[data-v-b1813357]{color:var(--text-primary);flex:1;font-size:var(--text-xl);font-weight:600;margin:0;min-width:0}.shot-title-row .shot-actions[data-v-b1813357]{display:flex;flex-shrink:0;gap:8px}.shot-summary[data-v-b1813357]{margin:8px 0 12px}.summary-text[data-v-b1813357]{color:var(--text-muted);font-size:var(--text-sm);line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shot-stats[data-v-b1813357],.view-count[data-v-b1813357]{align-items:center;color:var(--text-muted);display:flex;font-size:var(--text-xs);gap:4px}.shot-stats svg[data-v-b1813357],.view-count svg[data-v-b1813357]{height:14px;width:14px}.shot-actions[data-v-b1813357]{display:flex;flex-shrink:0;gap:8px}.btn-action[data-v-b1813357]{align-items:center;background:var(--background-card);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-xs);font-weight:500;gap:4px;padding:6px 12px;transition:all .2s}.btn-action[data-v-b1813357]:hover{background:var(--background-hover);border-color:var(--border-light);color:var(--text-primary)}.btn-action.active[data-v-b1813357]{background:var(--primary-color);border-color:var(--primary-color);color:var(--background-dark)}.btn-action svg[data-v-b1813357]{height:14px;width:14px}.analysis-status[data-v-b1813357]{align-items:center;border-radius:var(--radius-md);display:flex;font-size:var(--text-xs);font-weight:500;gap:4px;padding:6px 12px}.analysis-status.analyzing[data-v-b1813357]{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:#3b82f6}.analysis-status svg[data-v-b1813357]{height:14px;width:14px}.animate-spin[data-v-b1813357]{animation:spin-b1813357 1s linear infinite}@keyframes spin-b1813357{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.keyframes-grid[data-v-b1813357]{background:var(--background-darker);border:1px solid var(--border-color);border-radius:var(--radius-md);display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:12px}.keyframe-item[data-v-b1813357]{border-radius:8px;cursor:pointer;height:0;overflow:hidden;padding-bottom:60%;position:relative;transition:all .2s;width:100%}.keyframe-item[data-v-b1813357]:hover{box-shadow:0 4px 12px #0000004d;transform:scale(1.02)}.keyframe-item img[data-v-b1813357]{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.keyframe-badge[data-v-b1813357]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:4px;bottom:6px;color:#fff;font-size:11px;font-weight:500;padding:3px 8px;position:absolute;right:6px}.badge-first[data-v-b1813357]{background:#3b82f6e6}.badge-last[data-v-b1813357]{background:#f59e0be6}.badge-other[data-v-b1813357]{background:#6b7280e6}.no-keyframe[data-v-b1813357]{align-items:center;background:var(--background-card);border:2px dashed var(--border-light);border-radius:var(--radius-md);color:var(--text-muted);display:flex;flex-direction:column;font-size:var(--text-xs);gap:8px;grid-column:1/-1;justify-content:center;padding:48px}.no-keyframe svg[data-v-b1813357]{color:var(--text-muted);height:48px;width:48px}@media(max-width:768px){.shot-title-row[data-v-b1813357]{align-items:flex-start;flex-direction:column;gap:12px}.shot-title-row h3[data-v-b1813357]{font-size:16px}.shot-title-row .shot-actions[data-v-b1813357]{align-self:flex-start}.btn-action[data-v-b1813357]{font-size:11px;padding:5px 10px}.btn-action svg[data-v-b1813357]{height:12px;width:12px}.summary-text[data-v-b1813357]{font-size:13px}.keyframes-grid[data-v-b1813357]{gap:8px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));padding:8px}}