html.share-target-page,
body.share-target-page,
main.share-target-page {
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

main.share-target-page {
	display: grid;
	grid-template-rows: min-content min-content 1fr;
	.share-preview {
		margin: var(--space-sm);
		padding: var(--space-md);
		border: 1px solid var(--color-border);
		border-radius: var(--radius-md);
		background: var(--color-bg-alt);
	}

	.share-preview-title {
		margin-bottom: var(--space-sm);
	}

	.share-preview-text {
		margin-bottom: var(--space-sm);
		white-space: pre-wrap;
	}

	.share-preview-url {
		word-break: break-word;
	}

	.share-action {
		padding: var(--space-sm);
		background-color: var(--color-surface);
	}

	.share-tabs {
		display: flex;
		gap: var(--space-sm);
		padding: 0 var(--space-sm);
		border-bottom: 1px solid var(--color-border);
	}

	.share-tab {
		flex: 1;
		display: inline-block;
		padding: var(--space-sm) var(--space-md);
		border: 1px solid var(--color-border);
		border-radius: var(--radius-sm) var(--radius-sm) 0 0;
		border-bottom-color: transparent;
		text-decoration: none;
		transform: translateY(1px);
	}

	.share-tab.active {
		background: var(--color-surface);
		border-bottom-color: var(--color-surface);
	}

	form {
		height: 100%;
		display: grid;
		gap: var(--space-sm);
		grid-template-rows: min-content 1fr min-content;

		.form-group {
			margin-bottom: 0;
			/* padding-bottom: 0; */
		}
	}

	form#share-target-thread-form {
		grid-template-rows: min-content min-content 1fr min-content;
	}

	#share-target-thread-autocomplete {
		.autocomplete-dropdown {
			position: initial;
		}
	}
}