.page-header.svelte-153j1t8 {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 24px;
	}

	.page-header.svelte-153j1t8 h1:where(.svelte-153j1t8) {
		display: flex;
		align-items: center;
		font-size: 22px;
	}

	.scenarios-grid.svelte-153j1t8 {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
		gap: 16px;
	}

	.scenario-card.svelte-153j1t8 {
		display: block;
		padding: 20px;
		text-decoration: none;
		transition: all 0.25s;
		position: relative;
	}

	.scenario-card.svelte-153j1t8:hover {
		border-color: var(--border-strong);
		transform: translateY(-2px);
	}

	.scenario-card-header.svelte-153j1t8 {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 6px;
	}

	.scenario-card-title.svelte-153j1t8 {
		font-family: var(--font-cjk-ui);
		font-size: 16px;
		font-weight: 600;
		color: var(--text-pri);
		letter-spacing: 0;
	}

	.scenario-card-desc.svelte-153j1t8 {
		font-size: 13px;
		color: var(--text-sec);
		margin-bottom: 8px;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.scenario-card-meta.svelte-153j1t8 {
		display: flex;
		align-items: center;
		gap: 8px;
	}

	.scenario-card-date.svelte-153j1t8 {
		font-size: 12px;
		color: var(--text-ter);
	}

	.header-actions.svelte-153j1t8 {
		display: flex;
		gap: 8px;
	}

	.btn-import.svelte-153j1t8 {
		display: inline-flex;
		align-items: center;
		gap: 6px;
		cursor: pointer;
	}

	.scenario-card-actions.svelte-153j1t8 {
		position: absolute;
		top: 8px;
		right: 8px;
		display: flex;
		gap: 2px;
		opacity: 0;
		transition: opacity 0.2s;
	}

	.scenario-card.svelte-153j1t8:hover .scenario-card-actions:where(.svelte-153j1t8) {
		opacity: 1;
	}

	.scenario-action-btn.svelte-153j1t8 {
		width: 28px;
		height: 28px;
		border-radius: 4px;
		border: none;
		background: none;
		color: var(--text-ter);
		cursor: pointer;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: all 0.2s;
	}

	.scenario-action-btn.svelte-153j1t8:hover {
		color: var(--gold);
		background: rgba(201, 169, 110, 0.1);
	}

	.scenario-action-danger.svelte-153j1t8:hover {
		color: var(--danger-bright);
		background: rgba(138, 45, 45, 0.15);
	}

	.share-active.svelte-153j1t8 {
		color: var(--gold-dim) !important;
	}

	.share-badge.svelte-153j1t8 {
		font-size: 11px;
		color: var(--gold-dim);
		background: rgba(201, 169, 110, 0.1);
		padding: 1px 8px;
		border-radius: 8px;
		border: 1px solid rgba(201, 169, 110, 0.2);
	}

	/* Empty state */
	.empty-state.svelte-153j1t8 {
		padding: 60px 20px;
		text-align: center;
		color: var(--text-sec);
	}

	.empty-icon.svelte-153j1t8 {
		opacity: 0.3;
		margin-bottom: 12px;
		color: var(--gold-dim);
	}

	.empty-hint.svelte-153j1t8 {
		font-size: 13px;
		color: var(--text-ter);
		margin-top: 4px;
	}

	/* Dialog */
	.dialog-backdrop.svelte-153j1t8 {
		position: fixed;
		inset: 0;
		background: rgba(0, 0, 0, 0.6);
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 100;
	}

	.dialog.svelte-153j1t8 {
		width: 440px;
		max-width: 90vw;
		padding: 24px;
	}

	.dialog.svelte-153j1t8 h2:where(.svelte-153j1t8) {
		font-family: var(--font-cjk-ui);
		font-size: 18px;
		margin-bottom: 16px;
	}

	.dialog-body.svelte-153j1t8 {
		margin-bottom: 20px;
	}

	.dialog-label.svelte-153j1t8 {
		display: block;
		font-size: 13px;
		color: var(--text-sec);
		margin-bottom: 6px;
	}

	.dialog-body.svelte-153j1t8 textarea:where(.svelte-153j1t8) {
		resize: vertical;
		min-height: 60px;
	}

	.dialog-actions.svelte-153j1t8 {
		display: flex;
		justify-content: flex-end;
		gap: 8px;
	}