Bump

packages/shared/src/components/voice/ScreenSourcePickerModal.module.css

@@ -0,0 +1,157 @@
+.body {
+	padding: 4px 22px 18px;
+	display: flex;
+	flex-direction: column;
+	gap: 14px;
+	min-width: 720px;
+	max-width: 920px;
+}
+
+.tabs {
+	display: flex;
+	align-items: center;
+	gap: 4px;
+	border-bottom: 1px solid var(--background-header-secondary, rgba(255, 255, 255, 0.06));
+	padding-bottom: 8px;
+}
+
+.tab {
+	display: inline-flex;
+	align-items: center;
+	gap: 6px;
+	padding: 8px 14px;
+	border: none;
+	border-radius: 6px;
+	background: transparent;
+	color: var(--text-secondary, #b5bac1);
+	font: inherit;
+	font-size: 0.875rem;
+	font-weight: 600;
+	cursor: pointer;
+	transition: background-color 0.12s, color 0.12s;
+}
+
+.tab:hover {
+	background: var(--background-modifier-hover, rgba(255, 255, 255, 0.04));
+	color: var(--text-primary);
+}
+
+.tabActive {
+	background: var(--background-secondary, #2b2d31);
+	color: var(--text-primary);
+}
+
+.tabCount {
+	font-size: 0.6875rem;
+	color: var(--text-tertiary, #949ba4);
+	background: var(--background-tertiary, #1e1f22);
+	padding: 1px 6px;
+	border-radius: 10px;
+	font-weight: 700;
+}
+
+.audioHint {
+	margin-left: auto;
+	font-size: 0.75rem;
+	color: var(--text-tertiary, #949ba4);
+}
+
+.audioHint strong {
+	color: var(--text-primary);
+	font-weight: 700;
+}
+
+.grid {
+	display: grid;
+	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
+	gap: 12px;
+	max-height: 440px;
+	overflow-y: auto;
+	padding: 4px 2px;
+}
+
+.tile {
+	display: flex;
+	flex-direction: column;
+	gap: 8px;
+	padding: 8px;
+	border: 2px solid transparent;
+	border-radius: 8px;
+	background: var(--background-secondary, #2b2d31);
+	color: var(--text-primary);
+	font: inherit;
+	cursor: pointer;
+	text-align: left;
+	transition: background-color 0.12s, border-color 0.12s, transform 0.12s;
+}
+
+.tile:hover {
+	background: var(--background-modifier-hover, rgba(255, 255, 255, 0.04));
+}
+
+.tileActive {
+	border-color: var(--brand-experiment, #5865f2);
+	background: var(--background-modifier-selected, rgba(88, 101, 242, 0.12));
+}
+
+.thumbWrap {
+	width: 100%;
+	aspect-ratio: 16 / 9;
+	border-radius: 6px;
+	overflow: hidden;
+	background: var(--background-tertiary, #1e1f22);
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+.thumb {
+	width: 100%;
+	height: 100%;
+	object-fit: contain;
+}
+
+.tileLabel {
+	display: flex;
+	align-items: center;
+	gap: 6px;
+	min-width: 0;
+}
+
+.tileIcon {
+	width: 16px;
+	height: 16px;
+	flex-shrink: 0;
+}
+
+.tileName {
+	font-size: 0.8125rem;
+	font-weight: 600;
+	color: var(--text-primary);
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.loading {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	min-height: 240px;
+}
+
+.empty {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	min-height: 240px;
+	color: var(--text-tertiary, #949ba4);
+	font-size: 0.875rem;
+}
+
+.footer {
+	display: flex;
+	justify-content: flex-end;
+	gap: 8px;
+	margin-top: 4px;
+}