fix: right-align inline diagram controls

scripts/inline-viewer.css

@@ -3,9 +3,9 @@ html[data-embed="true"] .toolbar {
   display: flex !important;
   position: relative;
   inset: auto;
-  justify-content: center;
+  justify-content: flex-end;
   height: 52px;
-  padding: 4px;
+  padding: 4px 8px;
   box-sizing: border-box;
   background: var(--bg);
 }
@@ -16,17 +16,18 @@ html[data-embed="true"] .diagram-container > svg {
 }
 html[data-embed="true"] .toolbar .preset-menu,
 html[data-embed="true"] .toolbar .export-menu {
-  position: absolute;
-  top: 100%;
-  left: 0;
-  right: auto;
+  position: fixed;
+  top: 52px;
+  left: auto;
+  right: 0;
   width: min(320px, 100vw);
   max-width: 100vw;
   max-height: calc(100vh - 52px);
   overflow-y: auto;
   box-sizing: border-box;
 }
+/* Keep the preset menu in the iframe viewport without moving its capsule. */
 html[data-embed="true"] .toolbar .export-wrap { position: static; }
-html[data-embed="true"] .toolbar .export-menu { left: auto; right: 0; }
+html[data-embed="true"] .toolbar .export-menu { position: absolute; top: 100%; }
 html[data-embed="true"] .toolbar .preset-menu button,
 html[data-embed="true"] .toolbar .export-menu button { min-height: 44px; }