Release 0.7.1

src/app.css

@@ -262,6 +262,13 @@
 	overflow-wrap: anywhere;
 }
 
+.share-result > div {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	gap: 0.75rem;
+}
+
 .guest-shell {
 	min-height: 100dvh;
 }
@@ -294,6 +301,11 @@
 	margin-top: 1.25rem;
 }
 
+.shared-section {
+	padding: 0 0 1.25rem;
+	border-bottom: 1px solid var(--line);
+}
+
 .shared-section > header,
 .historical-section > header,
 .shared-usage-heading,
@@ -1325,6 +1337,8 @@ textarea:focus {
 
 .live-page {
 	display: grid;
+	position: relative;
+	isolation: isolate;
 	width: 100%;
 	height: 100dvh;
 	grid-template-rows: auto auto minmax(0, 1fr) auto;
@@ -1796,7 +1810,7 @@ textarea:focus {
 
 .live-piece-heading {
 	display: grid;
-	grid-template-columns: auto minmax(0, 1fr) auto;
+	grid-template-columns: minmax(0, 1fr) auto;
 	align-items: baseline;
 	gap: 0.35rem 0.65rem;
 	padding-bottom: 0.5rem;
@@ -1819,6 +1833,7 @@ textarea:focus {
 }
 
 .live-current h1 {
+	min-width: 0;
 	max-width: none;
 	margin: 0;
 	font-size: clamp(1.2rem, 2.2vw, 1.9rem);
@@ -2390,11 +2405,11 @@ textarea:focus {
 	.live-page.without-rail .live-rail,
 	.live-rail {
 		display: grid;
-		position: fixed;
+		position: absolute;
 		z-index: 80;
 		inset: max(0.4rem, env(safe-area-inset-top)) max(0.4rem, env(safe-area-inset-right))
 			max(0.4rem, env(safe-area-inset-bottom)) auto;
-		width: min(22rem, calc(100vw - 0.8rem - env(safe-area-inset-left)));
+		width: min(22rem, calc(100% - 0.8rem - env(safe-area-inset-left)));
 		transform: translateX(calc(100% + 1rem));
 		visibility: hidden;
 		transition:
@@ -2414,7 +2429,7 @@ textarea:focus {
 
 	.live-rail-backdrop.visible {
 		display: block;
-		position: fixed;
+		position: absolute;
 		z-index: 70;
 		inset: 0;
 		border: 0;
@@ -2431,9 +2446,16 @@ textarea:focus {
 	}
 
 	.live-piece-heading {
+		min-width: 0;
 		gap: 0.3rem 0.45rem;
 	}
 
+	.live-piece-time {
+		max-width: 8rem;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+
 	.live-support-actions {
 		display: grid;
 	}
@@ -4761,11 +4783,24 @@ textarea:focus {
 	background: var(--panel-soft);
 }
 
-.preparation-list span {
+.preparation-copy,
+.preparation-copy > span:last-child {
 	display: grid;
 	min-width: 0;
 }
 
+.preparation-copy {
+	grid-template-columns: auto minmax(0, 1fr);
+	align-items: center;
+	gap: 0.6rem;
+}
+
+.preparation-topics {
+	display: flex;
+	gap: 0.2rem;
+	color: var(--accent-text);
+}
+
 .preparation-list small {
 	overflow: hidden;
 	color: var(--text-muted);
@@ -6742,6 +6777,10 @@ textarea:focus {
 	.show-card-facts {
 		align-items: flex-start;
 	}
+	.show-card {
+		flex-direction: column;
+		align-items: stretch;
+	}
 	.show-card-facts {
 		flex-direction: row;
 		align-items: center;