the device toggle is three labelled tabs

Icons alone told three things apart by proportion at 12 pixels. Full width, one
of three filled, and the word from DEVICES.

The `size` prop is gone with the bar that needed the small one, and so is the
second copy inside Spacing — the panel header scopes the whole editor now.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

web/EditorPanel.tsx

@@ -32,8 +32,8 @@ export const EditorPanel = () => {
   return (
     <div className="flex size-full flex-col overflow-hidden">
       {/* Outside the scroll area, so a long editor cannot carry it off the screen. */}
-      <div className="flex shrink-0 justify-center border-b border-border px-3 py-2">
-        <DeviceToggle size="bar" />
+      <div className="shrink-0 border-b border-border px-3 py-2">
+        <DeviceToggle />
       </div>
 
       {editor ? (