.scene-card.svelte-1agobce{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--surface-1);cursor:pointer;flex-direction:column;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;position:relative;overflow:hidden}.scene-card.svelte-1agobce:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.dark .scene-card.svelte-1agobce:hover{box-shadow:0 0 20px color-mix(in srgb, var(--color-primary) 30%, transparent), 0 0 8px color-mix(in srgb, var(--color-primary) 20%, transparent)}.scene-card.svelte-1agobce:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.canvas-container.svelte-1agobce{aspect-ratio:4/3;background:var(--color-subtle);width:100%}.card-info.svelte-1agobce{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border-top:1px solid var(--color-border);display:flex}.card-label.svelte-1agobce{font-size:var(--text-fluid-sm);color:var(--color-fg);flex:1;font-weight:500}.expand-icon.svelte-1agobce{opacity:0;color:var(--color-muted);font-size:.875rem;transition:opacity .15s}.scene-card.svelte-1agobce:hover .expand-icon:where(.svelte-1agobce){opacity:1}@media (prefers-reduced-motion:reduce){.scene-card.svelte-1agobce{transition:none}.scene-card.svelte-1agobce:hover{transform:none}}