internal/web/static/app.css

@@ -150,8 +150,7 @@ body {
 }
 .editor-head-title { flex: 1; min-width: 0; }
 .editor-head-settings { flex: 0 0 fit-content; }
-.editor-head-title:focus-within,
+.editor-head-title:focus-within { border-color: var(--accent); }
-.editor-head-settings:focus-within { border-color: var(--accent); }
 .editor-head input {
   border: none; outline: none; background: transparent; color: var(--fg); font: inherit; font-size: 23.2px; flex: 1;
 }
@@ -266,6 +265,10 @@ body {
 .theme-name { font-weight: 600; }
 .iconbtn:hover { color: var(--fg); border-color: var(--muted); }
 /* #130: line wrap toggle, accent when active like other toggles */
+/* #166: wrap toggle must show its state: neutral when off, accent when on.
+   The .btn base is accent filled, which made on and off look identical. */
+.btn-icon.wrap-toggle { background: var(--surface-2); color: var(--muted-fg); font-size: 21.6px; font-weight: inherit; border: 1px solid var(--border); }
+.btn-icon.wrap-toggle:hover { color: var(--fg); border-color: var(--muted-fg); filter: none; }
 .iconbtn.wrap-toggle[aria-pressed="true"],
 .btn-icon.wrap-toggle[aria-pressed="true"] { background: var(--accent); color: var(--bg); border-color: var(--accent); }
 /* #152: wrap ON must break long unbroken tokens mid-word and allow no horizontal scrolling */
@@ -799,4 +802,4 @@ button[type="submit"]:focus-visible,
 .mt18 { margin-top: 18px; }
 .toggle-inline { display: inline-flex; }
 .wrap-normal { word-break: normal; overflow-wrap: break-word; }
-.created-banner { display: block; }
+.created-banner.show { display: block; }

internal/web/templates/paste.html

@@ -35,7 +35,7 @@
   </div>
   {{if .JustCreated}}
   <div class="float">
-    <div class="created-banner">
+    <div class="created-banner show">
       Paste Created. Link Copied.
       {{if .DeletionToken}} · deletion token: <code class="created-token">{{.DeletionToken}}</code>{{end}}
     </div>