/* scenes.css - scene grid, scene cards */
.scene-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; margin-bottom: 12px; }
.scene-card { border: 1px solid var(--border, #e5e5e5); border-radius: var(--radius, 8px); padding: 10px 12px; cursor: pointer; transition: all var(--transition, 150ms ease); position: relative; }
.scene-card:hover { border-color: var(--border-hover, #d4d4d4); }
.scene-card.selected { border-color: var(--primary, #0d9488); background: var(--primary-light, #f0fdfa); color: var(--text, #1a1a1a); }
.scene-card.selected .scene-sub { color: var(--text-muted, #6b7280); }
.scene-icon { font-size: 18px; margin-bottom: 4px; }
.scene-name { font-size: 13px; font-weight: 500; line-height: 1.3; }
.scene-sub { font-size: 11px; color: var(--text-faint, #9ca3af); margin-top: 3px; line-height: 1.4; }
.scene-check { position: absolute; top: 8px; right: 8px; width: 16px; height: 16px; border-radius: 50%; border: 1px solid var(--border, #e5e5e5); display: flex; align-items: center; justify-content: center; font-size: 9px; }
.scene-card.selected .scene-check { background: var(--primary, #0d9488); border-color: var(--primary, #0d9488); color: #fff; }