diff --git a/src/main/bundles/dev.bundle b/src/main/bundles/dev.bundle
index 8d42cce..5079934 100644
Binary files a/src/main/bundles/dev.bundle and b/src/main/bundles/dev.bundle differ
diff --git a/src/main/frontend/styles/pdf-builder.css b/src/main/frontend/styles/pdf-builder.css
index 650a077..0e50ca1 100644
--- a/src/main/frontend/styles/pdf-builder.css
+++ b/src/main/frontend/styles/pdf-builder.css
@@ -4,7 +4,10 @@
   display: flex;
   flex-direction: column;
   gap: var(--lumo-space-m);
-  width: 100%;
+  width: 90%;
+  max-width: 90%;
+  margin: 10px auto 0 auto;
+  padding: 20px;
 }
 
 .pdf-builder-workspace {
@@ -12,11 +15,13 @@
   gap: var(--lumo-space-l);
   align-items: flex-start;
   width: 100%;
+  overflow: hidden;
 }
 
 .pdf-palette {
-  width: 260px;
-  min-width: 240px;
+  flex: 0 1 15%;
+  min-width: 10%;
+  max-width: 20%;
   border: 1px solid var(--lumo-contrast-20pct);
   border-radius: var(--lumo-border-radius-m);
   background: var(--lumo-base-color);
@@ -50,12 +55,15 @@
   flex: 1 1 auto;
   display: flex;
   justify-content: center;
+  min-width: 0;
+  overflow: hidden;
 }
 
 /* Inspector (right side) */
 .pdf-inspector {
-  width: 300px;
-  min-width: 260px;
+  flex: 0 1 15%;
+  min-width: 10%;
+  max-width: 20%;
   border: 1px solid var(--lumo-contrast-20pct);
   border-radius: var(--lumo-border-radius-m);
   background: var(--lumo-base-color);
@@ -78,11 +86,11 @@
   border-bottom: 1px dashed var(--lumo-contrast-10pct);
 }
 .inspector-item:last-child { border-bottom: none; }
-.inspector-item > span { min-width: 90px; font-size: var(--lumo-font-size-s); color: var(--lumo-secondary-text-color); }
-.pdf-inspector vaadin-number-field { width: 120px; }
+.inspector-item > span { min-width: 30%; font-size: var(--lumo-font-size-s); color: var(--lumo-secondary-text-color); }
+.pdf-inspector vaadin-number-field { width: 65%; }
 
 .pdf-canvas {
-  width: 60%;
+  width: 100%;
   aspect-ratio: 210 / 297; /* A4 */
   position: relative;
   background: white;
@@ -100,8 +108,8 @@
   background: rgba(255,255,255,0.9);
   resize: none;
   overflow: auto;
-  min-width: 80px;
-  min-height: 60px;
+  min-width: 5%;
+  min-height: 5%;
   cursor: default;
   user-select: none;
 }
@@ -192,12 +200,12 @@
   position: absolute;
   top: 0;
   left: 0;
-  width: 18px;
-  height: 18px;
+  width: 16px;
+  height: 16px;
   display: none;
   align-items: center;
   justify-content: center;
-  font-size: 12px;
+  font-size: 10px;
   line-height: 1;
   color: var(--lumo-primary-color);
   background: #fff;