@media (max-width: 720px) {
	.collection-actions {
		display: flex;
		justify-content: center;
		gap: 12px;
		flex-wrap: nowrap;
		width: 100%;
	}

	.collection-actions button,
	.collection-actions a {
		box-sizing: border-box;
		width: 150px;
		text-align: center;
		justify-content: center;
	}

	.cached-tabs {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 8px;
		padding-left: 0;
		overflow-x: visible;
		flex-wrap: unset;
	}

	.cached-tab-button {
		width: 100%;
		min-width: 0;
		padding: 12px 8px;
		text-align: center;
		justify-content: center;
		white-space: normal;
		line-height: 1.25;
		border-radius: 12px 12px 0 0;
	}

	#back-to-top {
		right: 14px;
		bottom: 88px;
	}

	.lookup-panel-header {
		grid-template-columns: 1fr;
	}

	.lookup-panel-actions {
		align-items: flex-start;
		min-width: 0;
	}

	.selection-actions {
		justify-content: flex-start;
	}

	.nuvio-export-grid {
		grid-template-columns: 1fr;
	}

	.nuvio-preview-grid {
		grid-template-columns: 1fr;
	}

	.modal-panel {
		max-height: calc(100vh - 24px);
		padding: 14px;
	}

	.modal-backdrop {
		padding: 12px;
	}

	.modal-header h2 {
		font-size: 22px;
	}

	.nuvio-toggle-option {
		min-height: auto;
	}

	.nuvio-preview-grid {
		max-width: none;
	}

	.nuvio-toggle-help {
		max-width: none;
	}

	.nuvio-import-help-grid {
		grid-template-columns: 1fr;
	}

	.modal-footer {
		align-items: flex-start;
		gap: 12px;
	}

	.nuvio-export-grid-single {
		grid-template-columns: 1fr;
	}

	.json-combine-mode-grid,
	.json-combine-sort-grid {
		grid-template-columns: 1fr !important;
	}

	.genre-export-layout,
	.genre-modal-poster .genre-export-layout,
	.genre-modal-wide .genre-export-layout,
	.genre-merge-options {
		grid-template-columns: 1fr;
	}

	.genre-export-fields {
		grid-template-columns: 1fr;
	}

	.genre-export-layout {
		gap: 14px;
	}

	.genre-compact-fields {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.genre-export-preview .genre-preview-poster,
	.genre-export-preview .genre-preview-landscape {
		width: min(220px, 100%);
	}

	.genre-export-preview .genre-preview-poster {
		height: auto;
		aspect-ratio: 2 / 3;
	}
}

@media (max-width: 390px) {
	.collection-actions button,
	.collection-actions a {
		width: 136px;
		padding-left: 8px;
		padding-right: 8px;
	}

	.cached-tab-button {
		font-size: 13px;
		padding-left: 6px;
		padding-right: 6px;
	}
}