
	.scene-item.svelte-ns1it3 {
		display: grid;
		grid-template-columns: 80px minmax(0, 1fr) auto;
		gap: 10px;
		align-items: center;
		border: 1px solid var(--color-line);
		border-radius: 20px;
		background: var(--color-paper-2);
		padding: 10px;
		box-shadow: 0 4px 14px color-mix(in srgb, var(--color-charcoal) 4%, transparent);
	}

	.scene-item.selected.svelte-ns1it3 {
		border-color: color-mix(in srgb, var(--color-success-text) 20%, var(--color-line));
		background: color-mix(in srgb, var(--color-sage-soft) 18%, var(--color-paper-2));
	}

	.scene-item-thumb.svelte-ns1it3 {
		width: 80px;
		height: 60px;
		border: 1px solid color-mix(in srgb, var(--color-line) 80%, transparent);
		border-radius: 15px;
		background-image: var(--scene-thumb-light);
		background-position: var(--scene-thumb-position, center bottom);
		background-size: cover;
	}

	:root[data-theme='dark'] .scene-item-thumb.svelte-ns1it3 {
		background-image: var(--scene-thumb-dark, var(--scene-thumb-light));
	}

	@media (prefers-color-scheme: dark) {
		:root[data-theme='system'] .scene-item-thumb.svelte-ns1it3 {
			background-image: var(--scene-thumb-dark, var(--scene-thumb-light));
		}
	}

	.scene-item-copy.svelte-ns1it3 {
		display: grid;
		gap: 5px;
		min-width: 0;
	}

	.scene-item-copy.svelte-ns1it3 strong:where(.svelte-ns1it3) {
		color: var(--color-ink);
		font-size: 0.98rem;
		font-weight: 850;
		line-height: 1.12;
		overflow-wrap: anywhere;
	}

	.scene-item-copy.svelte-ns1it3 span:where(.svelte-ns1it3) {
		justify-self: start;
		border-radius: var(--radius-pill);
		background: var(--color-paper-3);
		color: var(--color-muted);
		padding: 2px 8px;
		font-size: 0.76rem;
		font-weight: 800;
		line-height: 1.25;
	}

	.scene-item-action.svelte-ns1it3 {
		display: flex;
		justify-content: flex-end;
	}

	@media (max-width: 360px) {
		.scene-item.svelte-ns1it3 {
			grid-template-columns: 72px minmax(0, 1fr);
		}

		.scene-item-thumb.svelte-ns1it3 {
			width: 72px;
			height: 56px;
		}

		.scene-item-action.svelte-ns1it3 {
			grid-column: 2;
			justify-content: flex-start;
		}
	}
