diff --git a/src/app.css b/src/app.css
index 7786dd9..45e9649 100644
--- a/src/app.css
+++ b/src/app.css
@@ -200,6 +200,22 @@ html, body {
   letter-spacing: var(--letter-spacing-body);
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  /* Selection allowed on content by default. Users need to copy error
+     strings, model paths, profile names, transcripts, etc. Chrome
+     elements opt out below. */
+  user-select: text;
+}
+
+/* Chrome elements opt out of selection so a click on a button label
+   doesn't drag-select. data-no-select is an escape hatch for app
+   surfaces (titlebar, drag handles) that should never select. */
+button,
+summary,
+[role="button"],
+[role="switch"],
+[role="tab"],
+[role="menuitem"],
+[data-no-select] {
   user-select: none;
 }