diff --git a/CHANGELOG.md b/CHANGELOG.md
index 166be3b1..de8639d3 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -13,6 +13,8 @@ Formát je inspirovaný Keep a Changelog.
 - Voucher Template Editor nyní automaticky využívá dostupný prostor canvasu, zobrazuje resize handles jen u aktivní oblasti, formátuje číselné hodnoty bez floating-point artefaktů a nabízí kompaktnější toggle ovládání vodítek a spadávky.
 - Resize voucherových oblastí nyní používá pouze čtyři rohové handles; QR oblast drží čtvercový poměr stran včetně ručních rozměrů a textové oblasti lze měnit nezávisle v obou osách.
 - Toggle `Vodítka` nyní skutečně řídí render středových os a `Spadávka` řídí viditelný 3mm bleed overlay; oba pracovní overlaye zůstávají mimo uložený layout a PDF export.
+- Voucher editor a PDF renderer nyní sdílejí pravidla fittingu textu včetně výšky oblasti, insetů, baseline a automatického řádkování; publish preflight odmítne overflow a nové uložení či publikace drží dynamický obsah uvnitř TrimBoxu, zatímco historické layouty zůstávají renderovatelné pro již vydané kusy.
+- Uložení draftu šablony používá optimistic concurrency přes `updatedAt`, neaktivní šablony se správně označují v UI a již vytištěné převzaté kusy lze aktivovat i po deaktivaci jejich immutable designu.
 
 ## [3.30.0] - 2026-09-23
 
diff --git a/src/app/(admin)/admin/vouchery/sablony/[templateId]/page.tsx b/src/app/(admin)/admin/vouchery/sablony/[templateId]/page.tsx
index cb0bba32..3f13b499 100644
--- a/src/app/(admin)/admin/vouchery/sablony/[templateId]/page.tsx
+++ b/src/app/(admin)/admin/vouchery/sablony/[templateId]/page.tsx
@@ -13,7 +13,7 @@ import { VoucherTemplateLayoutEditor } from "@/features/admin/components/voucher
 import { VoucherTemplateOverflowMenu } from "@/features/admin/components/voucher-template-overflow-menu";
 import { AdminStatePill } from "@/features/admin/components/admin-state-pill";
 import { AdminVoucherTemplatePreview } from "@/features/admin/components/admin-voucher-template-preview";
-import { voucherTemplateLayoutSchema } from "@/features/vouchers/lib/voucher-template-layout";
+import { voucherTemplateStoredLayoutSchema } from "@/features/vouchers/lib/voucher-template-layout";
 import { requireVoucherTemplateById } from "@/features/vouchers/lib/voucher-template-repository";
 import { requireRole } from "@/lib/auth/session";
 
@@ -27,6 +27,9 @@ export default async function VoucherTemplateDetailPage({ params }: { params: Pr
   }
 
   const templateId = template.id;
+  const statusLabel = template.status === "DRAFT" ? "Draft" : template.status === "PUBLISHED" ? "Publikováno" : "Neaktivní";
+  const statusDescription = template.status === "DRAFT" ? "v přípravě" : template.status === "PUBLISHED" ? "publikovaná" : "neaktivní";
+  const statusTone = template.status === "DRAFT" ? "accent" : template.status === "PUBLISHED" ? "active" : "muted";
   const previewUrl = template.previewStoragePath && template.masterSha256
     ? `/api/admin/voucher-templates/${template.id}/preview?v=${template.updatedAt.getTime()}`
     : undefined;
@@ -35,7 +38,7 @@ export default async function VoucherTemplateDetailPage({ params }: { params: Pr
     <AdminPageShell
       eyebrow="Vouchery / Šablony"
       title={template.label}
-      description={`${template.key} · verze šablony ${template.status === "DRAFT" ? "v přípravě" : "publikovaná"}`}
+      description={`${template.key} · verze šablony ${statusDescription}`}
       denseIntro
       headerActions={
         <div className="flex flex-wrap justify-end gap-2">
@@ -60,12 +63,12 @@ export default async function VoucherTemplateDetailPage({ params }: { params: Pr
               <span className={`h-2.5 w-2.5 rounded-full ${template.masterStoragePath ? "bg-emerald-300" : "bg-white/30"}`} aria-hidden="true" />
               <div><p className="text-sm font-semibold text-white">PDF master {template.masterStoragePath ? "je nahrán" : "chybí"}</p><p className="mt-0.5 text-xs text-white/55">{template.masterStoragePath ? "Náhled a layout jsou připravené k úpravám." : "Nahrajte PDF, aby bylo možné zkontrolovat finální vzhled."}</p></div>
             </div>
-            <AdminStatePill tone={template.status === "DRAFT" ? "accent" : "active"}>{template.status === "DRAFT" ? "Draft" : "Publikováno"}</AdminStatePill>
+            <AdminStatePill tone={statusTone}>{statusLabel}</AdminStatePill>
           </div>
-          {template.status === "PUBLISHED" ? <div className="mt-4 flex flex-wrap items-center justify-between gap-3 border-t border-white/10 pt-4"><p className="text-sm text-white/60">Publikovaná verze zůstává neměnná. Pro další úpravy vytvořte novou verzi.</p><DeactivateVoucherTemplateForm templateId={templateId} /></div> : null}
+          {template.status !== "DRAFT" ? <div className="mt-4 flex flex-wrap items-center justify-between gap-3 border-t border-white/10 pt-4"><p className="text-sm text-white/60">{template.status === "PUBLISHED" ? "Publikovaná verze zůstává neměnná. Pro další úpravy vytvořte novou verzi." : "Neaktivní verze zůstává zachovaná pro již vystavené a vytištěné vouchery. Pro nové použití vytvořte novou verzi."}</p>{template.status === "PUBLISHED" ? <DeactivateVoucherTemplateForm templateId={templateId} /> : null}</div> : null}
           {template.status === "DRAFT" ? <form action={sendTestVoucherTemplateEmailAction} className="mt-4 flex flex-col gap-2 border-t border-white/10 pt-4 sm:flex-row sm:items-end"><input type="hidden" name="templateId" value={template.id} /><label className="min-w-0 flex-1 text-xs text-white/65">Testovací e-mail<input required type="email" name="recipientEmail" placeholder="např. studio@ppstudio.cz" className="mt-1 min-h-10 w-full rounded-xl border border-white/10 bg-black/20 px-3 text-sm text-white outline-none focus:border-[var(--color-accent)]/70" /></label><button className="inline-flex min-h-10 items-center justify-center rounded-full border border-white/15 px-4 py-2 text-sm font-semibold text-white/80 transition hover:border-white/30 hover:text-white">Odeslat test</button></form> : null}
         </section>
-        {template.status === "DRAFT" ? <VoucherTemplateLayoutEditor templateId={template.id} initialLayout={voucherTemplateLayoutSchema.parse(template.layout)} previewSrc={previewUrl} /> : <section className="grid gap-5 rounded-[var(--radius-panel)] border border-white/10 bg-white/[0.035] p-4 sm:p-6 md:grid-cols-[minmax(0,1fr)_minmax(16rem,0.8fr)] md:items-center"><AdminVoucherTemplatePreview src={previewUrl} alt={`Náhled šablony ${template.label}`} /><div><p className="text-[11px] font-semibold uppercase tracking-[0.2em] text-[var(--color-accent-soft)]">Publikovaná verze</p><h3 className="mt-2 font-display text-2xl text-white">Layout je uzamčený</h3><p className="mt-3 text-sm leading-6 text-white/65">Přesné souřadnice a typografie této verze zůstávají zachované pro vystavené vouchery. Nová verze začne jako kopie tohoto layoutu.</p><details className="mt-5"><summary className="cursor-pointer text-xs font-semibold uppercase tracking-[0.16em] text-white/55">Technické údaje layoutu</summary><pre className="mt-3 max-h-64 overflow-auto rounded-xl border border-white/8 bg-black/20 p-3 text-xs text-white/55">{JSON.stringify(template.layout, null, 2)}</pre></details></div></section>}
+        {template.status === "DRAFT" ? <VoucherTemplateLayoutEditor templateId={template.id} initialLayout={voucherTemplateStoredLayoutSchema.parse(template.layout)} initialUpdatedAt={template.updatedAt.toISOString()} previewSrc={previewUrl} /> : <section className="grid gap-5 rounded-[var(--radius-panel)] border border-white/10 bg-white/[0.035] p-4 sm:p-6 md:grid-cols-[minmax(0,1fr)_minmax(16rem,0.8fr)] md:items-center"><AdminVoucherTemplatePreview src={previewUrl} alt={`Náhled šablony ${template.label}`} /><div><p className="text-[11px] font-semibold uppercase tracking-[0.2em] text-[var(--color-accent-soft)]">{statusLabel} verze</p><h3 className="mt-2 font-display text-2xl text-white">Layout je uzamčený</h3><p className="mt-3 text-sm leading-6 text-white/65">Přesné souřadnice a typografie této verze zůstávají zachované pro vystavené vouchery. Nová verze začne jako kopie tohoto layoutu.</p><details className="mt-5"><summary className="cursor-pointer text-xs font-semibold uppercase tracking-[0.16em] text-white/55">Technické údaje layoutu</summary><pre className="mt-3 max-h-64 overflow-auto rounded-xl border border-white/8 bg-black/20 p-3 text-xs text-white/55">{JSON.stringify(template.layout, null, 2)}</pre></details></div></section>}
       </div>
     </AdminPageShell>
   );
diff --git a/src/features/admin/actions/voucher-template-actions.test.ts b/src/features/admin/actions/voucher-template-actions.test.ts
index 512ea621..74e51f97 100644
--- a/src/features/admin/actions/voucher-template-actions.test.ts
+++ b/src/features/admin/actions/voucher-template-actions.test.ts
@@ -34,12 +34,15 @@ test("template lifecycle actions vyžadují OWNER a volají domain operace", asy
       deleteVoucherTemplateDraft: async (id: string, actor: string) => { calls.push(["delete", id, actor]); },
       publishVoucherTemplate: async (id: string, actor: string) => { calls.push(["publish", id, actor]); },
       replaceVoucherTemplateMaster: async () => undefined,
-      updateVoucherTemplateDraft: async (_id: string, input: { layout: typeof defaultVoucherTemplateLayout }) => { savedLayout = input.layout; },
+      updateVoucherTemplateDraft: async (_id: string, input: { layout: typeof defaultVoucherTemplateLayout }) => {
+        savedLayout = input.layout;
+        return { updatedAt: new Date("2026-09-26T06:00:00.000Z") };
+      },
     },
   });
   t.mock.module("@/features/vouchers/lib/voucher-template-repository", {
     exports: {
-      requireVoucherTemplateById: async () => ({ id: "draft-1", status: "DRAFT", key: "classic-v1", label: "Klasický" }),
+      requireVoucherTemplateById: async () => ({ id: "draft-1", status: "DRAFT", key: "classic-v1", label: "Klasický", allowedTypes: ["VALUE", "SERVICE"] }),
       resolveVoucherTemplate: async () => ({ id: "draft-1" }),
     },
   });
@@ -53,7 +56,8 @@ test("template lifecycle actions vyžadují OWNER a volají domain operace", asy
   await actions.cloneVoucherTemplateVersionAction("template-1");
   await actions.deleteVoucherTemplateDraftAction("template-1");
   const editedLayout = { ...defaultVoucherTemplateLayout, serviceArea: { ...defaultVoucherTemplateLayout.serviceArea, typography: { ...defaultVoucherTemplateLayout.serviceArea.typography, preferredFontSizePt: 12, minFontSizePt: 7, fontWeight: "regular" as const, alignment: "center" as const } } };
-  await actions.saveVoucherTemplateLayoutAction("template-1", editedLayout);
+  const saveResult = await actions.saveVoucherTemplateLayoutAction("template-1", editedLayout);
+  assert.equal(saveResult.updatedAt, "2026-09-26T06:00:00.000Z");
   assert.equal(savedLayout?.serviceArea.typography.preferredFontSizePt, 12);
   assert.equal(savedLayout?.serviceArea.typography.minFontSizePt, 7);
   assert.equal(savedLayout?.serviceArea.typography.fontWeight, "regular");
diff --git a/src/features/admin/actions/voucher-template-actions.ts b/src/features/admin/actions/voucher-template-actions.ts
index a4c7bfe3..1dbc3848 100644
--- a/src/features/admin/actions/voucher-template-actions.ts
+++ b/src/features/admin/actions/voucher-template-actions.ts
@@ -36,14 +36,23 @@ export async function uploadVoucherTemplateMasterAction(formData: FormData) {
   revalidatePath("/admin/nastaveni");
 }
 
-export async function saveVoucherTemplateLayoutAction(templateId: string, layout: VoucherTemplateLayoutV1) {
+export async function saveVoucherTemplateLayoutAction(templateId: string, layout: VoucherTemplateLayoutV1, expectedUpdatedAt?: string) {
   const session = await requireRole([AdminRole.OWNER]);
   const parsed = voucherTemplateLayoutSchema.safeParse(layout);
   if (!parsed.success) throw new Error(parsed.error.issues[0]?.message ?? "Layout šablony obsahuje neplatné hodnoty.");
+  const parsedRevision = expectedUpdatedAt ? z.iso.datetime().safeParse(expectedUpdatedAt) : null;
+  if (expectedUpdatedAt && !parsedRevision?.success) throw new Error("Revize draftu není platná.");
   const { requireVoucherTemplateById } = await import("@/features/vouchers/lib/voucher-template-repository");
   const template = await requireVoucherTemplateById(templateId);
-  await updateVoucherTemplateDraft(templateId, { layout, allowedTypes: template.allowedTypes, label: template.label, actorUserId: session.sub });
+  const updated = await updateVoucherTemplateDraft(templateId, {
+    layout,
+    allowedTypes: template.allowedTypes,
+    label: template.label,
+    actorUserId: session.sub,
+    expectedUpdatedAt: parsedRevision?.success ? new Date(parsedRevision.data) : undefined,
+  });
   revalidatePath(`/admin/vouchery/sablony/${templateId}`);
+  return { updatedAt: updated.updatedAt.toISOString() };
 }
 
 export async function publishVoucherTemplateAction(templateId: string) {
diff --git a/src/features/admin/components/voucher-template-layout-editor.tsx b/src/features/admin/components/voucher-template-layout-editor.tsx
index bfbf777a..1bf3491f 100644
--- a/src/features/admin/components/voucher-template-layout-editor.tsx
+++ b/src/features/admin/components/voucher-template-layout-editor.tsx
@@ -16,6 +16,7 @@ import {
   type VoucherTemplateLayoutV1,
   type VoucherTemplateTypographyPatch,
 } from "@/features/vouchers/lib/voucher-template-layout";
+import { VOUCHER_TEXT_HORIZONTAL_INSET_MM } from "@/features/vouchers/lib/voucher-text-fit";
 
 import {
   createVoucherTemplatePreviewTextMeasurer,
@@ -26,7 +27,6 @@ import {
   getVoucherTemplatePreviewText,
   isVoucherTemplatePreviewAreaVisible,
   VOUCHER_TEMPLATE_PREVIEW_FONT_FAMILIES,
-  VOUCHER_TEMPLATE_PREVIEW_HORIZONTAL_PADDING_MM,
   type ServicePreviewScenario,
   type VoucherTemplatePreviewMode,
 } from "./voucher-template-layout-preview";
@@ -48,8 +48,9 @@ const cornerResizeEnable = { top: false, right: false, bottom: false, left: fals
 function isAspectRatioLocked(key: AreaKey) { return key === "qrArea"; }
 function minimumSizeMm(key: AreaKey) { return isAspectRatioLocked(key) ? MIN_QR_SIZE_MM : MIN_TEXT_AREA_MM; }
 
-export function VoucherTemplateLayoutEditor({ templateId, initialLayout, previewSrc }: { templateId: string; initialLayout: VoucherTemplateLayoutV1; previewSrc?: string }) {
+export function VoucherTemplateLayoutEditor({ templateId, initialLayout, initialUpdatedAt, previewSrc }: { templateId: string; initialLayout: VoucherTemplateLayoutV1; initialUpdatedAt: string; previewSrc?: string }) {
   const [layout, setLayout] = useState(initialLayout);
+  const [revision, setRevision] = useState(initialUpdatedAt);
   const [selected, setSelected] = useState<AreaKey>("valueArea");
   const [previewMode, setPreviewMode] = useState<VoucherTemplatePreviewMode>("VALUE");
   const [serviceScenario, setServiceScenario] = useState<ServicePreviewScenario>("normal");
@@ -157,10 +158,11 @@ export function VoucherTemplateLayoutEditor({ templateId, initialLayout, preview
     }
     startTransition(async () => {
       try {
-        await saveVoucherTemplateLayoutAction(templateId, layout);
+        const result = await saveVoucherTemplateLayoutAction(templateId, layout, revision);
+        setRevision(result.updatedAt);
         setSaveError(null);
       } catch {
-        setSaveError("Draft se nepodařilo uložit. Zkontrolujte hodnoty a zkuste to znovu.");
+        setSaveError("Draft se nepodařilo uložit. Mohl být změněn v jiném okně; obnovte stránku a zkuste to znovu.");
       }
     });
   };
@@ -201,12 +203,13 @@ export function VoucherTemplateLayoutEditor({ templateId, initialLayout, preview
                   const item = layout[key];
                   const baseline = "baselineMm" in item ? item.baselineMm : null;
                   const previewVisible = isVoucherTemplatePreviewAreaVisible(key, previewMode);
-                  const textPreview = fontsReady && isVoucherTemplateTextAreaKey(key) && previewVisible ? (() => { const text = getVoucherTemplatePreviewText(key, serviceScenario); const fit = fitVoucherTemplatePreviewText(text, item as VoucherTemplateLayoutV1["valueArea"], previewTextMeasurer); return { text, fit }; })() : null;
+                  const horizontalInsetMm = isVoucherTemplateTextAreaKey(key) ? VOUCHER_TEXT_HORIZONTAL_INSET_MM[key] : 0;
+                  const textPreview = fontsReady && isVoucherTemplateTextAreaKey(key) && previewVisible ? (() => { const text = getVoucherTemplatePreviewText(key, serviceScenario); const fit = fitVoucherTemplatePreviewText(text, item as VoucherTemplateLayoutV1["valueArea"], previewTextMeasurer, horizontalInsetMm); return { text, fit }; })() : null;
                   const baselinePx = baseline === null ? null : getVoucherTemplatePreviewBaselineTopPx(item as VoucherTemplateLayoutV1["valueArea"], canvasScale);
                   const isSelected = selected === key;
                   return <Rnd key={key} bounds="parent" size={{ width: item.widthMm * canvasScale, height: item.heightMm * canvasScale }} position={{ x: item.xMm * canvasScale, y: pdfBottomToBrowserTop(item.yMm, item.heightMm) * canvasScale }} lockAspectRatio={isAspectRatioLocked(key)} minWidth={minimumSizeMm(key) * canvasScale} minHeight={minimumSizeMm(key) * canvasScale} enableResizing={isSelected ? cornerResizeEnable : false} dragGrid={[canvasScale / 2, canvasScale / 2]} resizeGrid={[canvasScale / 2, canvasScale / 2]} onClick={() => selectArea(key)} onDragStart={() => { selectArea(key); setIsInteracting(true); }} onResizeStart={(_, direction) => { resizeStartRef.current = { key, area: item, direction }; selectArea(key); setIsInteracting(true); }} onResize={(_, direction, ref, __, pos) => applyResize(key, direction, ref, pos)} onDragStop={(_, data) => { setIsInteracting(false); update(key, { xMm: snapToHalfMm(data.x / canvasScale), yMm: snapToHalfMm(browserTopToPdfBottom(data.y / canvasScale, item.heightMm)) }); }} onResizeStop={(_, direction, ref, __, pos) => { setIsInteracting(false); applyResize(key, direction, ref, pos); resizeStartRef.current = null; }} resizeHandleStyles={cornerHandleStyles} className={`group relative cursor-move overflow-visible border transition-colors ${isSelected ? "z-20 border-[var(--color-accent-soft)] bg-[rgba(190,160,120,0.08)] outline outline-1 outline-offset-2 outline-[var(--color-accent)]/70" : "border-white/8 bg-transparent opacity-35 hover:border-white/40 hover:opacity-80"}`}>
                     {isSelected ? <span className="pointer-events-none absolute -top-6 left-0 z-20 rounded-md border border-[var(--color-accent)]/50 bg-[#1c1714] px-1.5 py-1 text-[9px] font-bold leading-none tracking-[0.08em] text-[var(--color-accent-soft)]">{labels[key]}</span> : <span className="pointer-events-none absolute -top-5 left-0 z-20 rounded-md border border-white/10 bg-black/75 px-1.5 py-1 text-[9px] font-bold leading-none tracking-[0.08em] text-white/70 opacity-0 transition-opacity group-hover:opacity-100">{shortLabels[key]}</span>}
-                    <div className="pointer-events-none absolute inset-0 overflow-hidden">{key === "qrArea" ? <PreviewQrPlaceholder /> : textPreview && baselinePx !== null ? <PreviewCanvas area={item as VoucherTemplateLayoutV1["valueArea"]} preview={textPreview} baselinePx={baselinePx} fontMetricsVersion={fontMetricsVersion} scale={canvasScale} /> : null}{isSelected && baselinePx !== null ? <span className="pointer-events-none absolute left-0 right-0 z-20 border-t border-[var(--color-accent-soft)]/70" style={{ top: `${baselinePx}px` }} /> : null}</div>
+                    <div className="pointer-events-none absolute inset-0 overflow-hidden">{key === "qrArea" ? <PreviewQrPlaceholder /> : textPreview && baselinePx !== null ? <PreviewCanvas area={item as VoucherTemplateLayoutV1["valueArea"]} preview={textPreview} baselinePx={baselinePx} fontMetricsVersion={fontMetricsVersion} scale={canvasScale} horizontalInsetMm={horizontalInsetMm} /> : null}{isSelected && baselinePx !== null ? <span className="pointer-events-none absolute left-0 right-0 z-20 border-t border-[var(--color-accent-soft)]/70" style={{ top: `${baselinePx}px` }} /> : null}</div>
                   </Rnd>;
                 })}
               </div>
@@ -239,7 +242,7 @@ function ToggleButton({ label, checked, onClick }: { label: string; checked: boo
 const handleStyle = { width: 8, height: 8, borderRadius: 3, background: "#dbc2a5", border: "1px solid #171311", boxShadow: "0 0 0 1px rgba(135,105,65,.55)" };
 const cornerHandleStyles = { topLeft: { ...handleStyle, cursor: "nwse-resize" }, topRight: { ...handleStyle, cursor: "nesw-resize" }, bottomLeft: { ...handleStyle, cursor: "nesw-resize" }, bottomRight: { ...handleStyle, cursor: "nwse-resize" } };
 
-function PreviewCanvas({ area, preview, baselinePx, fontMetricsVersion, scale }: { area: VoucherTemplateLayoutV1["valueArea"]; preview: { text: string; fit: ReturnType<typeof fitVoucherTemplatePreviewText> }; baselinePx: number; fontMetricsVersion: number; scale: number }) {
+function PreviewCanvas({ area, preview, baselinePx, fontMetricsVersion, scale, horizontalInsetMm }: { area: VoucherTemplateLayoutV1["valueArea"]; preview: { text: string; fit: ReturnType<typeof fitVoucherTemplatePreviewText> }; baselinePx: number; fontMetricsVersion: number; scale: number; horizontalInsetMm: number }) {
   const canvasRef = useRef<HTMLCanvasElement>(null);
   const fontFamily = VOUCHER_TEMPLATE_PREVIEW_FONT_FAMILIES[area.typography.fontFamilyKey] ?? '"Noto Sans", sans-serif';
   useEffect(() => {
@@ -259,11 +262,16 @@ function PreviewCanvas({ area, preview, baselinePx, fontMetricsVersion, scale }:
     context.font = `${area.typography.fontWeight === "bold" ? 700 : 400} ${getVoucherTemplatePreviewFontSizePx(preview.fit.fontSizePt, scale)}px ${fontFamily}`;
     context.textBaseline = "alphabetic";
     context.textAlign = area.typography.alignment;
-    context.fillStyle = "#2e241f";
-    const x = area.typography.alignment === "center" ? widthPx / 2 : VOUCHER_TEMPLATE_PREVIEW_HORIZONTAL_PADDING_MM * scale / 2;
+    context.fillStyle = cmykToCssRgb(area.typography.color);
+    const x = area.typography.alignment === "center" ? widthPx / 2 : horizontalInsetMm * scale;
     preview.fit.lines.forEach((line, index) => { const lineBaselinePx = getVoucherTemplatePreviewLineBaselinePx(baselinePx, preview.fit.lines.length, index, preview.fit.lineHeightMm, scale); context.fillText(line, x, lineBaselinePx); });
-  }, [area, baselinePx, fontFamily, fontMetricsVersion, preview, scale]);
+  }, [area, baselinePx, fontFamily, fontMetricsVersion, horizontalInsetMm, preview, scale]);
   return <canvas ref={canvasRef} aria-hidden="true" className="pointer-events-none absolute inset-0 z-10" data-preview-text={preview.text} />;
 }
 
+function cmykToCssRgb(color: { c: number; m: number; y: number; k: number }) {
+  const channel = (component: number) => Math.round(255 * (1 - component) * (1 - color.k));
+  return `rgb(${channel(color.c)} ${channel(color.m)} ${channel(color.y)})`;
+}
+
 function PreviewQrPlaceholder() { return <div aria-hidden="true" className="pointer-events-none absolute inset-0 z-10 flex items-center justify-center p-2"><div className="grid aspect-square w-3/4 grid-cols-5 gap-px bg-white/70 p-0.5 opacity-75">{Array.from({ length: 25 }, (_, index) => <span key={index} className={(index * 7 + index % 3) % 5 < 2 ? "bg-black" : "bg-transparent"} />)}</div></div>; }
diff --git a/src/features/admin/components/voucher-template-layout-preview.test.ts b/src/features/admin/components/voucher-template-layout-preview.test.ts
index af45da09..f93dd951 100644
--- a/src/features/admin/components/voucher-template-layout-preview.test.ts
+++ b/src/features/admin/components/voucher-template-layout-preview.test.ts
@@ -71,6 +71,20 @@ test("fitting nikdy nevrátí více než maxLines ani velikost pod minimum", ()
   assert.ok(fit.fontSizePt >= area.typography.minFontSizePt);
 });
 
+test("preview respektuje nulové automatické řádkování a výšku oblasti", () => {
+  const area = {
+    ...defaultVoucherTemplateLayout.serviceArea,
+    widthMm: 34,
+    heightMm: 2,
+    maxLines: 3,
+    typography: { ...defaultVoucherTemplateLayout.serviceArea.typography, lineHeightMm: 0 },
+  };
+  const fit = fitVoucherTemplatePreviewText("Velmi dlouhý název služby pro kontrolu výšky", area);
+
+  assert.equal(fit.overflowed, true);
+  assert.ok(fit.lineHeightMm > 0);
+});
+
 test("preview fitting reaguje na řez písma a baseline pozici", () => {
   const regular = fitVoucherTemplatePreviewText("WWWWWWWW", {
     ...defaultVoucherTemplateLayout.codeArea,
@@ -150,9 +164,11 @@ test("preview režim, scénář, fixture text i Canvas stav jsou lokální a sav
 
   assert.match(source, /const \[previewMode, setPreviewMode\] = useState/);
   assert.match(source, /const \[serviceScenario, setServiceScenario\] = useState/);
-  assert.match(source, /saveVoucherTemplateLayoutAction\(templateId, layout\)/);
+  assert.match(source, /saveVoucherTemplateLayoutAction\(templateId, layout, revision\)/);
   assert.doesNotMatch(source, /saveVoucherTemplateLayoutAction\(templateId, .*?(previewMode|serviceScenario|preview)/);
   assert.match(source, /<PreviewCanvas area=/);
+  assert.match(source, /VOUCHER_TEXT_HORIZONTAL_INSET_MM\[key\]/);
+  assert.match(source, /horizontalInsetMm=\{horizontalInsetMm\}/);
   assert.match(source, /baselinePx=\{baselinePx\}/);
   assert.match(source, /getVoucherTemplatePreviewFontSizePx\(preview\.fit\.fontSizePt, scale\)/);
   assert.match(source, /className="pointer-events-none absolute inset-0 z-10"/);
@@ -162,6 +178,7 @@ test("preview režim, scénář, fixture text i Canvas stav jsou lokální a sav
   assert.match(source, /relative .*overflow-visible border/);
   assert.match(source, /context\.textAlign = area\.typography\.alignment/);
   assert.match(source, /context\.font = .*getVoucherTemplatePreviewFontSizePx\(preview\.fit\.fontSizePt, scale\)/);
+  assert.match(source, /context\.fillStyle = cmykToCssRgb\(area\.typography\.color\)/);
   assert.match(source, /const canvasScale = canvasSize\.width \/ 216/);
   assert.match(source, /new ResizeObserver\(measure\)/);
   assert.match(source, /enableResizing=\{isSelected \? cornerResizeEnable : false\}/);
diff --git a/src/features/admin/components/voucher-template-layout-preview.ts b/src/features/admin/components/voucher-template-layout-preview.ts
index 10543ee7..acfa5f09 100644
--- a/src/features/admin/components/voucher-template-layout-preview.ts
+++ b/src/features/admin/components/voucher-template-layout-preview.ts
@@ -1,4 +1,5 @@
 import type { VoucherTemplateTextAreaKey } from "@/features/vouchers/lib/voucher-template-layout";
+import { fitVoucherTextToArea } from "@/features/vouchers/lib/voucher-text-fit";
 
 /**
  * UI-only fixture data for the layout editor. It must never be added to the
@@ -57,9 +58,7 @@ export type VoucherTemplatePreviewTextMeasurer = (
 ) => VoucherTemplatePreviewTextMetrics | null;
 
 const PT_TO_MM = 25.4 / 72;
-const FIT_STEP_PT = 0.25;
 export const VOUCHER_TEMPLATE_PREVIEW_HORIZONTAL_PADDING_MM = 1;
-const PREVIEW_HORIZONTAL_PADDING_MM = VOUCHER_TEMPLATE_PREVIEW_HORIZONTAL_PADDING_MM * 2;
 
 export const VOUCHER_TEMPLATE_PREVIEW_FONT_FAMILIES: Readonly<Record<string, string>> = {
   "noto-sans": '"Noto Sans", sans-serif',
@@ -86,40 +85,24 @@ export function getVoucherTemplatePreviewText(
 }
 
 /**
- * Browser-safe approximation of the PDF renderer's fitText helper. It is
- * intentionally kept in the admin UI layer because the PDF implementation
- * relies on server-only font and filesystem APIs.
+ * Browser preview wrapper over the same pure fitting rules used by the PDF renderer.
+ * Only font measurement remains environment-specific.
  */
-export function fitVoucherTemplatePreviewText(text: string, area: VoucherTemplatePreviewArea, textMeasurer?: VoucherTemplatePreviewTextMeasurer | null): VoucherTemplatePreviewFit {
-  const maxWidthMm = Math.max(1, area.widthMm - PREVIEW_HORIZONTAL_PADDING_MM);
-  const maxLines = Math.max(1, Math.floor(area.maxLines));
-  const minimumFontSizePt = Math.max(0.1, area.typography.minFontSizePt);
-  const preferredFontSizePt = Math.max(minimumFontSizePt, area.typography.preferredFontSizePt);
-
-  for (let size = preferredFontSizePt; size >= minimumFontSizePt - 0.001; size = roundSize(size - FIT_STEP_PT)) {
-    const fontSizePt = roundSize(size);
-    const lines = wrapPreviewText(text, fontSizePt, maxWidthMm, area.typography, textMeasurer);
-    const lineHeightMm = getPreviewLineHeightMm(area.typography.lineHeightMm, fontSizePt);
-
-    if (lines.length <= maxLines && lines.every((line) => measurePreviewTextWidthMm(line, fontSizePt, area.typography, textMeasurer) <= maxWidthMm) && lines.length * lineHeightMm <= area.heightMm + 0.001) {
-      return { fontSizePt, lines, overflowed: false, lineHeightMm };
-    }
-
-    if (fontSizePt === minimumFontSizePt) break;
-  }
-
-  const fontSizePt = minimumFontSizePt;
-  const lineHeightMm = getPreviewLineHeightMm(area.typography.lineHeightMm, fontSizePt);
-  const lines = wrapPreviewText(text, fontSizePt, maxWidthMm, area.typography, textMeasurer).slice(0, maxLines);
-  const lastLineIndex = lines.length - 1;
-
-  if (lastLineIndex >= 0) {
-    lines[lastLineIndex] = addPreviewEllipsis(lines[lastLineIndex], fontSizePt, maxWidthMm, area.typography, textMeasurer);
-  }
-
-  return { fontSizePt, lines, overflowed: true, lineHeightMm };
+export function fitVoucherTemplatePreviewText(text: string, area: VoucherTemplatePreviewArea, textMeasurer?: VoucherTemplatePreviewTextMeasurer | null, horizontalInsetMm = VOUCHER_TEMPLATE_PREVIEW_HORIZONTAL_PADDING_MM): VoucherTemplatePreviewFit {
+  const fit = fitVoucherTextToArea(
+    text,
+    area,
+    (value, fontSizePt) => measurePreviewTextWidthMm(value, fontSizePt, area.typography, textMeasurer),
+    horizontalInsetMm,
+  );
+
+  return {
+    fontSizePt: fit.fontSizePt,
+    lines: fit.lines,
+    overflowed: fit.overflowed,
+    lineHeightMm: fit.lineHeightMm,
+  };
 }
-
 export function createVoucherTemplatePreviewTextMeasurer(scale = 1): VoucherTemplatePreviewTextMeasurer | null {
   if (typeof document === "undefined" || typeof document.createElement !== "function") return null;
 
@@ -172,69 +155,6 @@ export function getVoucherTemplatePreviewLineBaselinePx(baselinePx: number, line
   return baselinePx - Math.max(0, lineCount - 1 - lineIndex) * lineHeightPx;
 }
 
-function getPreviewLineHeightMm(lineHeightMm: number, fontSizePt: number) {
-  return lineHeightMm > 0 ? lineHeightMm : fontSizePt * PT_TO_MM * 1.2;
-}
-
-function wrapPreviewText(text: string, fontSizePt: number, maxWidthMm: number, typography: PreviewTypography, textMeasurer?: VoucherTemplatePreviewTextMeasurer | null) {
-  const lines: string[] = [];
-
-  for (const paragraph of text.split(/\r?\n/)) {
-    const words = paragraph.split(/\s+/).filter(Boolean);
-    let currentLine = "";
-
-    for (const word of words) {
-      const candidate = currentLine ? `${currentLine} ${word}` : word;
-
-      if (!currentLine && measurePreviewTextWidthMm(word, fontSizePt, typography, textMeasurer) > maxWidthMm) {
-        const chunks = splitPreviewWord(word, fontSizePt, maxWidthMm, typography, textMeasurer);
-        lines.push(...chunks.slice(0, -1));
-        currentLine = chunks.at(-1) ?? "";
-      } else if (!currentLine || measurePreviewTextWidthMm(candidate, fontSizePt, typography, textMeasurer) <= maxWidthMm) {
-        currentLine = candidate;
-      } else {
-        lines.push(currentLine);
-        currentLine = word;
-      }
-    }
-
-    if (currentLine) lines.push(currentLine);
-  }
-
-  return lines;
-}
-
-function splitPreviewWord(word: string, fontSizePt: number, maxWidthMm: number, typography: PreviewTypography, textMeasurer?: VoucherTemplatePreviewTextMeasurer | null) {
-  const chunks: string[] = [];
-  let current = "";
-
-  for (const character of Array.from(word)) {
-    const candidate = `${current}${character}`;
-
-    if (current && measurePreviewTextWidthMm(candidate, fontSizePt, typography, textMeasurer) > maxWidthMm) {
-      chunks.push(current);
-      current = character;
-    } else {
-      current = candidate;
-    }
-  }
-
-  if (current) chunks.push(current);
-  return chunks;
-}
-
-function addPreviewEllipsis(text: string, fontSizePt: number, maxWidthMm: number, typography: PreviewTypography, textMeasurer?: VoucherTemplatePreviewTextMeasurer | null) {
-  const ellipsis = "…";
-  const characters = Array.from(text.trimEnd());
-
-  for (let length = characters.length; length >= 0; length -= 1) {
-    const candidate = `${characters.slice(0, length).join("").trimEnd()}${ellipsis}`;
-    if (measurePreviewTextWidthMm(candidate, fontSizePt, typography, textMeasurer) <= maxWidthMm) return candidate;
-  }
-
-  return ellipsis;
-}
-
 function measurePreviewTextWidthMm(text: string, fontSizePt: number, typography: PreviewTypography, textMeasurer?: VoucherTemplatePreviewTextMeasurer | null) {
   const measured = textMeasurer?.(text, fontSizePt, typography);
   if (measured) return measured.widthMm;
@@ -252,7 +172,3 @@ function getCharacterWidthInEm(character: string) {
   if (/[-–—/()[\]{}]/.test(character)) return 0.38;
   return 0.56;
 }
-
-function roundSize(value: number) {
-  return Number(value.toFixed(2));
-}
diff --git a/src/features/vouchers/lib/voucher-pdf-core.ts b/src/features/vouchers/lib/voucher-pdf-core.ts
index 91056437..3ff05807 100644
--- a/src/features/vouchers/lib/voucher-pdf-core.ts
+++ b/src/features/vouchers/lib/voucher-pdf-core.ts
@@ -13,10 +13,12 @@ import { siteConfig } from "@/config/site";
 import { type ResolvedVoucherTemplate } from "@/features/vouchers/lib/voucher-template-repository";
 import { requireVoucherTemplateById, resolveVoucherTemplate } from "@/features/vouchers/lib/voucher-template-repository";
 import { VOUCHER_PRINT_GEOMETRY } from "@/features/vouchers/lib/voucher-template-layout";
+import { fitVoucherTextToArea, VOUCHER_TEXT_HORIZONTAL_INSET_MM } from "@/features/vouchers/lib/voucher-text-fit";
 
 type VoucherPdfData = NonNullable<Awaited<ReturnType<typeof getVoucherDetail>>>;
 type VoucherStockBatchPdfItem = Pick<VoucherPdfData, "code">;
 type VoucherTemplateRenderDefinition = Pick<ResolvedVoucherTemplate, "key" | "label" | "layout">;
+type VoucherRenderOptions = { failOnTextOverflow?: boolean };
 
 export const MM_TO_PT = 72 / 25.4;
 const MASTER_PAGE_SIZE_TOLERANCE_MM = 0.35;
@@ -109,7 +111,7 @@ export async function generatePersistedVoucherDigitalPdf(voucher: VoucherPdfData
 }
 
 /** Pure runtime renderer: receives an already resolved DB template, never Prisma or filesystem paths. */
-export async function generateResolvedVoucherPrintPdf(voucher: VoucherPdfData, template: ResolvedVoucherTemplate) {
+export async function generateResolvedVoucherPrintPdf(voucher: VoucherPdfData, template: ResolvedVoucherTemplate, options: VoucherRenderOptions = {}) {
   const masterBytes = template.masterBytes;
   const pdf = await PDFDocument.load(masterBytes);
   validateMasterPageSize(pdf, template);
@@ -139,7 +141,7 @@ export async function generateResolvedVoucherPrintPdf(voucher: VoucherPdfData, t
   );
   const qrCode = QRCode.create(buildVoucherVerificationUrl(voucher.code), { errorCorrectionLevel: "M" });
 
-  drawVoucherOverlay(page, voucher, template, regularFont, boldFont, qrCode);
+  drawVoucherOverlay(page, voucher, template, regularFont, boldFont, qrCode, options);
   setPrintPageBoxes(page, template);
 
   return pdf.save();
@@ -154,6 +156,7 @@ export function buildVoucherStockPdfFilename(batchNumber: string) {
 export async function generateResolvedVoucherBatchPrintPdf(
   batch: { batchNumber: string; items: readonly VoucherStockBatchPdfItem[] },
   template: ResolvedVoucherTemplate,
+  options: VoucherRenderOptions = {},
 ) {
   const [regularLatinBytes, regularLatinExtBytes, boldLatinBytes, boldLatinExtBytes] = await Promise.all([
     readFile(fontRegularLatinPath), readFile(fontRegularLatinExtPath), readFile(fontBoldLatinPath), readFile(fontBoldLatinExtPath),
@@ -165,7 +168,7 @@ export async function generateResolvedVoucherBatchPrintPdf(
   const boldFont = createFontPair(await pdf.embedFont(boldLatinBytes, { subset: true }), await pdf.embedFont(boldLatinExtBytes, { subset: true }));
   for (const item of batch.items) {
     const [page] = await pdf.copyPages(masterPdf, [0]); pdf.addPage(page);
-    drawVoucherCodeAndQrOverlay(page, item.code, template, regularFont, boldFont, QRCode.create(buildVoucherVerificationUrl(item.code), { errorCorrectionLevel: "M" }));
+    drawVoucherCodeAndQrOverlay(page, item.code, template, regularFont, boldFont, QRCode.create(buildVoucherVerificationUrl(item.code), { errorCorrectionLevel: "M" }), options);
     setPrintPageBoxes(page, template);
   }
   pdf.setTitle(`Předtištěné vouchery ${batch.batchNumber}`); pdf.setAuthor("PP Studio"); pdf.setSubject(`Tisková série voucherů PP Studio · ${template.label}`); pdf.setCreator("PP Studio administrace"); pdf.setProducer("PP Studio administrace");
@@ -203,7 +206,7 @@ function formatMillimeters(value: number) {
   return Number(value.toFixed(2)).toString();
 }
 
-export async function generateResolvedVoucherDigitalPdf(voucher: VoucherPdfData, template: ResolvedVoucherTemplate) {
+export async function generateResolvedVoucherDigitalPdf(voucher: VoucherPdfData, template: ResolvedVoucherTemplate, options: VoucherRenderOptions = {}) {
   const trim = template.layout.trim;
   const printWidthPt = mm(template.layout.printPage.widthMm);
   const printHeightPt = mm(template.layout.printPage.heightMm);
@@ -211,7 +214,7 @@ export async function generateResolvedVoucherDigitalPdf(voucher: VoucherPdfData,
   const trimYPt = mm(trim.yMm);
   const trimWidthPt = mm(trim.widthMm);
   const trimHeightPt = mm(trim.heightMm);
-  const printBytes = await generateResolvedVoucherPrintPdf(voucher, template);
+  const printBytes = await generateResolvedVoucherPrintPdf(voucher, template, options);
   const pdf = await PDFDocument.create();
   const [printPage] = await pdf.embedPdf(printBytes, [0]);
   const page = pdf.addPage([trimWidthPt, trimHeightPt]);
@@ -233,53 +236,40 @@ function drawVoucherOverlay(
   regularFont: FontPair,
   boldFont: FontPair,
   qrCode: ReturnType<typeof QRCode.create>,
+  options: VoucherRenderOptions,
 ) {
   const layout = template.layout;
   const overlay = buildVoucherPdfOverlayData(voucher);
   const value = overlay.value;
-  const valueArea = voucher.type === VoucherType.VALUE ? layout.valueArea : layout.serviceArea;
+  const valueAreaKey = voucher.type === VoucherType.VALUE ? "valueArea" : "serviceArea";
+  const valueArea = layout[valueAreaKey];
   const valueTypography = valueArea.typography;
   const valueFont = valueTypography.fontWeight === "bold" ? boldFont : regularFont;
-  const textColor = cmyk(0, 0.2, 0.2, 0.9);
-  const valueFit = fitText(
-    value,
-    valueFont,
-    mm(valueArea.widthMm),
-    valueTypography.preferredFontSizePt,
-    valueTypography.minFontSizePt,
-    valueArea.maxLines,
-  );
-  const valueLineHeight = mm(valueTypography.lineHeightMm);
+  const valueInsetMm = VOUCHER_TEXT_HORIZONTAL_INSET_MM[valueAreaKey];
+  const valueFit = fitTextForArea(value, valueFont, valueArea, valueInsetMm);
+  assertTextFitsTemplate(valueFit, template, valueAreaKey, options);
+
+  const valueLineHeight = mm(valueFit.lineHeightMm);
   const valueBottomY = mm(valueArea.baselineMm);
   const valueStartY = valueBottomY + (valueFit.lines.length - 1) * valueLineHeight;
 
   valueFit.lines.forEach((line, index) => {
-    drawTextLine(page, line, getTextX(line, valueArea, valueFont, valueFit.size), valueStartY - index * valueLineHeight, {
+    drawTextLine(page, line, getTextX(line, valueArea, valueFont, valueFit.fontSizePt, valueInsetMm), valueStartY - index * valueLineHeight, {
       fontPair: valueFont,
-      size: valueFit.size,
-      color: textColor,
+      size: valueFit.fontSizePt,
+      color: voucherTextColor(valueTypography.color),
     });
   });
 
   const dateValue = overlay.validUntil;
   const validityArea = layout.validityArea;
   const validityFont = validityArea.typography.fontWeight === "bold" ? boldFont : regularFont;
-  const validitySize = fitSingleLine(
-    dateValue,
-    validityFont,
-    mm(validityArea.widthMm),
-    validityArea.typography.preferredFontSizePt,
-    validityArea.typography.minFontSizePt,
-  );
-  drawTextLine(
-    page,
-    dateValue,
-    getTextX(dateValue, validityArea, validityFont, validitySize),
-    mm(validityArea.baselineMm),
-    { fontPair: validityFont, size: validitySize, color: textColor },
-  );
+  const validityInsetMm = VOUCHER_TEXT_HORIZONTAL_INSET_MM.validityArea;
+  const validityFit = fitTextForArea(dateValue, validityFont, { ...validityArea, maxLines: 1 }, validityInsetMm);
+  assertTextFitsTemplate(validityFit, template, "validityArea", options);
+  drawFittedTextLines(page, validityFit, validityArea, validityFont, validityInsetMm);
 
-  drawVoucherCodeAndQrOverlay(page, voucher.code, template, regularFont, boldFont, qrCode);
+  drawVoucherCodeAndQrOverlay(page, voucher.code, template, regularFont, boldFont, qrCode, options);
 }
 
 function drawVoucherCodeAndQrOverlay(
@@ -289,27 +279,76 @@ function drawVoucherCodeAndQrOverlay(
   regularFont: FontPair,
   boldFont: FontPair,
   qrCode: ReturnType<typeof QRCode.create>,
+  options: VoucherRenderOptions,
 ) {
   const codeArea = template.layout.codeArea;
   const codeFont = codeArea.typography.fontWeight === "bold" ? boldFont : regularFont;
-  const codeSize = fitSingleLine(
-    code,
-    codeFont,
-    mm(codeArea.widthMm - 4),
-    codeArea.typography.preferredFontSizePt,
-    codeArea.typography.minFontSizePt,
-  );
-  drawTextLine(
-    page,
-    code,
-    getTextX(code, codeArea, codeFont, codeSize, 2),
-    mm(codeArea.baselineMm),
-    { fontPair: codeFont, size: codeSize, color: cmyk(0, 0.2, 0.2, 0.9) },
-  );
+  const codeInsetMm = VOUCHER_TEXT_HORIZONTAL_INSET_MM.codeArea;
+  const codeFit = fitTextForArea(code, codeFont, { ...codeArea, maxLines: 1 }, codeInsetMm);
+  assertTextFitsTemplate(codeFit, template, "codeArea", options);
+  drawFittedTextLines(page, codeFit, codeArea, codeFont, codeInsetMm);
 
   drawVoucherQr(page, qrCode, template);
 }
 
+function fitTextForArea(
+  text: string,
+  fontPair: FontPair,
+  area: VoucherTemplateRenderDefinition["layout"]["valueArea"],
+  horizontalInsetMm: number,
+) {
+  return fitVoucherTextToArea(
+    text,
+    area,
+    (value, size) => measureText(value, fontPair, size) / MM_TO_PT,
+    horizontalInsetMm,
+  );
+}
+
+function drawFittedTextLines(
+  page: PDFPage,
+  fit: ReturnType<typeof fitTextForArea>,
+  area: VoucherTemplateRenderDefinition["layout"]["valueArea"],
+  fontPair: FontPair,
+  horizontalInsetMm: number,
+) {
+  const lineHeight = mm(fit.lineHeightMm);
+  const startY = mm(area.baselineMm) + (fit.lines.length - 1) * lineHeight;
+
+  fit.lines.forEach((line, index) => {
+    drawTextLine(
+      page,
+      line,
+      getTextX(line, area, fontPair, fit.fontSizePt, horizontalInsetMm),
+      startY - index * lineHeight,
+      {
+        fontPair,
+        size: fit.fontSizePt,
+        color: voucherTextColor(area.typography.color),
+      },
+    );
+  });
+}
+
+function assertTextFitsTemplate(
+  fit: ReturnType<typeof fitTextForArea>,
+  template: VoucherTemplateRenderDefinition,
+  areaKey: "valueArea" | "serviceArea" | "validityArea" | "codeArea",
+  options: VoucherRenderOptions,
+) {
+  if (!options.failOnTextOverflow || !fit.overflowed) return;
+
+  const labels = { valueArea: "Hodnota", serviceArea: "Služba", validityArea: "Platnost", codeArea: "Kód" } as const;
+  throw new VoucherTemplateError(template.key, {
+    code: "text_overflow",
+    message: `Dynamický text se nevejde do oblasti „${labels[areaKey]}“ ani při minimální velikosti písma.`,
+  });
+}
+
+function voucherTextColor(color: { c: number; m: number; y: number; k: number }) {
+  return cmyk(color.c, color.m, color.y, color.k);
+}
+
 function drawVoucherQr(page: PDFPage, qrCode: ReturnType<typeof QRCode.create>, template: VoucherTemplateRenderDefinition) {
   const area = template.layout.qrArea;
   const x = mm(area.xMm);
@@ -371,122 +410,6 @@ function setPrintPageBoxes(page: PDFPage, template: VoucherTemplateRenderDefinit
   page.setTrimBox(mm(layout.trim.xMm), mm(layout.trim.yMm), mm(layout.trim.widthMm), mm(layout.trim.heightMm));
 }
 
-function fitText(text: string, fontPair: FontPair, maxWidth: number, preferredSize: number, minimumSize: number, maxLines: number) {
-  return fitVoucherText(
-    text,
-    (value, size) => measureText(value, fontPair, size),
-    (value, size, width) => wrapText(value, fontPair, size, width),
-    maxWidth,
-    preferredSize,
-    minimumSize,
-    maxLines,
-  );
-}
-
-export function fitVoucherText(
-  text: string,
-  measure: (value: string, size: number) => number,
-  wrap: (value: string, size: number, maxWidth: number) => string[],
-  maxWidth: number,
-  preferredSize: number,
-  minimumSize: number,
-  maxLines: number,
-) {
-  for (let size = preferredSize; size >= minimumSize; size -= 0.25) {
-    const lines = wrap(text, size, maxWidth);
-
-    if (lines.length <= maxLines && lines.every((line) => measure(line, size) <= maxWidth)) {
-      return { size, lines, overflowed: false };
-    }
-  }
-
-  const size = minimumSize;
-  const lines = wrap(text, size, maxWidth).slice(0, maxLines);
-  const lastLineIndex = lines.length - 1;
-
-  if (lastLineIndex >= 0) {
-    lines[lastLineIndex] = addEllipsis(lines[lastLineIndex], measure, size, maxWidth);
-  }
-
-  return { size, lines, overflowed: true };
-}
-
-function addEllipsis(text: string, measure: (value: string, size: number) => number, size: number, maxWidth: number) {
-  const ellipsis = "…";
-  const characters = Array.from(text.trimEnd());
-
-  for (let length = characters.length; length >= 0; length -= 1) {
-    const candidate = `${characters.slice(0, length).join("").trimEnd()}${ellipsis}`;
-    if (measure(candidate, size) <= maxWidth) {
-      return candidate;
-    }
-  }
-
-  return ellipsis;
-}
-
-function fitSingleLine(text: string, fontPair: FontPair, maxWidth: number, preferredSize: number, minimumSize: number) {
-  for (let size = preferredSize; size >= minimumSize; size -= 0.25) {
-    if (measureText(text, fontPair, size) <= maxWidth) {
-      return size;
-    }
-  }
-
-  return minimumSize;
-}
-
-function wrapText(text: string, fontPair: FontPair, size: number, maxWidth: number) {
-  const words = text.split(/\s+/).filter(Boolean);
-  const lines: string[] = [];
-  let currentLine = "";
-
-  for (const word of words) {
-    const candidate = currentLine ? `${currentLine} ${word}` : word;
-
-    if (!currentLine && measureText(word, fontPair, size) > maxWidth) {
-      const chunks = splitWord(word, fontPair, size, maxWidth);
-      lines.push(...chunks.slice(0, -1));
-      currentLine = chunks.at(-1) ?? "";
-      continue;
-    }
-
-    if (measureText(candidate, fontPair, size) <= maxWidth || !currentLine) {
-      currentLine = candidate;
-    } else {
-      lines.push(currentLine);
-      currentLine = word;
-    }
-  }
-
-  if (currentLine) {
-    lines.push(currentLine);
-  }
-
-  return lines;
-}
-
-function splitWord(word: string, fontPair: FontPair, size: number, maxWidth: number) {
-  const chunks: string[] = [];
-  let current = "";
-
-  for (const character of word) {
-    const candidate = `${current}${character}`;
-
-    if (current && measureText(candidate, fontPair, size) > maxWidth) {
-      chunks.push(current);
-      current = character;
-    } else {
-      current = candidate;
-    }
-  }
-
-  if (current) {
-    chunks.push(current);
-  }
-
-  return chunks;
-}
-
 function createFontPair(primary: PDFFont, fallback: PDFFont): FontPair {
   return {
     primary,
diff --git a/src/features/vouchers/lib/voucher-pdf-test-renderers.ts b/src/features/vouchers/lib/voucher-pdf-test-renderers.ts
index c0b1044f..893bdead 100644
--- a/src/features/vouchers/lib/voucher-pdf-test-renderers.ts
+++ b/src/features/vouchers/lib/voucher-pdf-test-renderers.ts
@@ -19,12 +19,12 @@ function resolveTemplate(key: string | null | undefined, registry = voucherTempl
   return reader().then((masterBytes): ResolvedVoucherTemplate => ({ id: definition.key, key: definition.key, status: "PUBLISHED", allowedTypes: [...definition.allowedTypes], label: definition.label, layout: definition.layout as ResolvedVoucherTemplate["layout"], masterSha256: "test", masterBytes }));
 }
 
-export async function generateVoucherPrintPdf(voucher: TestVoucher, options: { registry?: typeof voucherTemplateRegistry } = {}) {
-  return generateResolvedVoucherPrintPdf(voucher, await resolveTemplate(voucher.templateKey, options.registry));
+export async function generateVoucherPrintPdf(voucher: TestVoucher, options: { registry?: typeof voucherTemplateRegistry; failOnTextOverflow?: boolean } = {}) {
+  return generateResolvedVoucherPrintPdf(voucher, await resolveTemplate(voucher.templateKey, options.registry), { failOnTextOverflow: options.failOnTextOverflow });
 }
 
-export async function generateVoucherDigitalPdf(voucher: TestVoucher, options: { registry?: typeof voucherTemplateRegistry } = {}) {
-  return generateResolvedVoucherDigitalPdf(voucher, await resolveTemplate(voucher.templateKey, options.registry));
+export async function generateVoucherDigitalPdf(voucher: TestVoucher, options: { registry?: typeof voucherTemplateRegistry; failOnTextOverflow?: boolean } = {}) {
+  return generateResolvedVoucherDigitalPdf(voucher, await resolveTemplate(voucher.templateKey, options.registry), { failOnTextOverflow: options.failOnTextOverflow });
 }
 
 export async function generateVoucherStockPrintPage(stockItem: { templateKey: string; code: string }) {
diff --git a/src/features/vouchers/lib/voucher-pdf.test.ts b/src/features/vouchers/lib/voucher-pdf.test.ts
index 29094baa..362d0359 100644
--- a/src/features/vouchers/lib/voucher-pdf.test.ts
+++ b/src/features/vouchers/lib/voucher-pdf.test.ts
@@ -61,29 +61,26 @@ test("overlay data používají snapshot SERVICE názvu včetně diakritiky", as
 });
 
 test("dlouhý název služby se vejde do dvou řádků a při overflowu dostane ellipsis", async () => {
-  const { fitVoucherText } = await import("./voucher-pdf-test-renderers");
-  const measure = (value: string, size: number) => Array.from(value).length * size;
-  const wrap = (value: string, size: number, maxWidth: number) => {
-    const maxCharacters = Math.max(1, Math.floor(maxWidth / size));
-    const characters = Array.from(value);
-    const lines: string[] = [];
-
-    for (let index = 0; index < characters.length; index += maxCharacters) {
-      lines.push(characters.slice(index, index + maxCharacters).join(""));
-    }
-
-    return lines;
+  const { fitVoucherTextToArea } = await import("./voucher-text-fit");
+  const measure = (value: string, size: number) => Array.from(value).length * size * 0.1;
+  const area = {
+    yMm: 10,
+    widthMm: 20,
+    heightMm: 12,
+    baselineMm: 12,
+    maxLines: 2,
+    typography: { preferredFontSizePt: 14.5, minFontSizePt: 8.5, lineHeightMm: 4 },
   };
 
-  const normal = fitVoucherText("Lash lifting", measure, wrap, 180, 14.5, 8.5, 2);
-  const long = fitVoucherText("Velmi dlouhá služba s českou diakritikou pro výrazné prodloužení řas a relaxační péči", measure, wrap, 180, 14.5, 8.5, 2);
-  const extreme = fitVoucherText("SuperdlouhéSlovoBezMezerKteréSeMusíBezpečněZkrátit", measure, wrap, 180, 14.5, 8.5, 2);
+  const normal = fitVoucherTextToArea("Lash lifting", area, measure, 1);
+  const long = fitVoucherTextToArea("Velmi dlouhá služba s českou diakritikou pro výrazné prodloužení řas a relaxační péči", area, measure, 1);
+  const extreme = fitVoucherTextToArea("SuperdlouhéSlovoBezMezerKteréSeMusíBezpečněZkrátit", area, measure, 1);
 
   assert.equal(normal.overflowed, false);
   assert.equal(long.overflowed, true);
   assert.equal(extreme.overflowed, true);
-  assert.ok(long.size >= 8.5);
-  assert.ok(extreme.size >= 8.5);
+  assert.ok(long.fontSizePt >= 8.5);
+  assert.ok(extreme.fontSizePt >= 8.5);
   assert.ok(long.lines.length <= 2);
   assert.ok(extreme.lines.length <= 2);
   assert.match(long.lines.at(-1) ?? "", /…$/);
@@ -113,6 +110,40 @@ test("PRINT renderer zvládne běžné, dlouhé, extrémní i diakritické SERVI
   }
 });
 
+test("strict render odmítne layout, který by dynamický text musel oříznout", async () => {
+  const { generateVoucherPrintPdf } = await import("./voucher-pdf-test-renderers");
+  const classic = requireVoucherTemplate("classic-v1");
+  const overflowTemplate = {
+    ...classic,
+    key: "overflow-v1",
+    layout: {
+      ...classic.layout,
+      serviceArea: {
+        ...classic.layout.serviceArea,
+        widthMm: 24,
+        heightMm: 2,
+        maxLines: 1,
+      },
+    },
+  };
+  const registry = createVoucherTemplateRegistry([classic, overflowTemplate]);
+
+  await assert.rejects(
+    () => generateVoucherPrintPdf(
+      buildVoucherFixture({
+        templateKey: overflowTemplate.key,
+        type: VoucherType.SERVICE,
+        originalValueCzk: null,
+        remainingValueCzk: null,
+        serviceNameSnapshot: "Velmi dlouhý název služby pro kontrolu preflightu",
+        servicePriceSnapshotCzk: 1500,
+      }),
+      { registry, failOnTextOverflow: true },
+    ),
+    (error: unknown) => error instanceof VoucherTemplateError && error.code === "text_overflow",
+  );
+});
+
 test("overlay ignoruje osobní a interní voucherová pole", async () => {
   const { buildVoucherPdfOverlayData } = await import("./voucher-pdf-test-renderers");
   const data = buildVoucherPdfOverlayData(buildVoucherFixture());
diff --git a/src/features/vouchers/lib/voucher-stock.integration.test.ts b/src/features/vouchers/lib/voucher-stock.integration.test.ts
index c648e1ba..8e05e241 100644
--- a/src/features/vouchers/lib/voucher-stock.integration.test.ts
+++ b/src/features/vouchers/lib/voucher-stock.integration.test.ts
@@ -4,8 +4,9 @@ import assert from "node:assert/strict";
 import { randomUUID } from "node:crypto";
 import test from "node:test";
 
-import { AdminRole, VoucherStockItemStatus, VoucherType } from "@/generated/prisma/browser";
+import { AdminRole, VoucherStockItemStatus, VoucherTemplateStatus, VoucherType } from "@/generated/prisma/browser";
 import { Prisma } from "@/generated/prisma/client";
+import { defaultVoucherTemplateLayout } from "./voucher-template-defaults";
 
 process.env.DATABASE_URL ??= "postgresql://postgres:postgres@localhost:5432/ppstudio?schema=public";
 process.env.ADMIN_SESSION_SECRET ??= "test-secret-value-with-at-least-32-chars";
@@ -210,6 +211,53 @@ dbTest("Voucher Stock: batch, receive, VALUE activation, idempotence, VOID a clo
   }
 });
 
+dbTest("Voucher Stock: převzatý kus lze aktivovat i po deaktivaci jeho immutable šablony", async () => {
+  const [{ prisma }, stock] = await Promise.all([
+    import("@/lib/prisma"),
+    import("./voucher-stock"),
+  ]);
+  const suffix = randomUUID().slice(0, 8);
+  const owner = await prisma.adminUser.create({ data: { email: `stock-inactive-${suffix}@example.com`, name: "Stock inactive owner", role: AdminRole.OWNER } });
+  const familyKey = `stock-inactive-${suffix}`;
+  const template = await prisma.voucherTemplate.create({
+    data: {
+      key: `${familyKey}-v1`,
+      familyKey,
+      version: 1,
+      label: "Stock inactive template",
+      status: VoucherTemplateStatus.PUBLISHED,
+      allowedTypes: [VoucherType.VALUE],
+      layout: defaultVoucherTemplateLayout,
+    },
+  });
+  const batch = await stock.createVoucherPrintBatch({ templateKey: template.key, quantity: 1, createdByUserId: owner.id });
+  let voucherId: string | null = null;
+
+  try {
+    const item = await prisma.voucherStockItem.findFirstOrThrow({ where: { batchId: batch.id } });
+    await stock.receiveVoucherPrintBatch({ batchId: batch.id, actorUserId: owner.id });
+    await prisma.voucherTemplate.update({ where: { id: template.id }, data: { status: VoucherTemplateStatus.INACTIVE } });
+
+    const activated = await stock.activateVoucherStockItem({
+      code: item.code,
+      type: VoucherType.VALUE,
+      originalValueCzk: 1200,
+      actorUserId: owner.id,
+    });
+    assert.equal(activated.kind, "activated");
+    voucherId = activated.voucherId;
+    const voucher = await prisma.voucher.findUniqueOrThrow({ where: { id: activated.voucherId } });
+    assert.equal(voucher.templateId, template.id);
+  } finally {
+    await prisma.voucherStockAuditLog.deleteMany({ where: { batchId: batch.id } });
+    await prisma.voucherStockItem.deleteMany({ where: { batchId: batch.id } });
+    if (voucherId) await prisma.voucher.delete({ where: { id: voucherId } });
+    await prisma.voucherPrintBatch.delete({ where: { id: batch.id } });
+    await prisma.voucherTemplate.delete({ where: { id: template.id } });
+    await prisma.adminUser.delete({ where: { id: owner.id } });
+  }
+});
+
 dbTest("Voucher Stock: SERVICE activation requires a fixed price and stores the price snapshot", async () => {
   const [{ prisma }, stock] = await Promise.all([
     import("@/lib/prisma"),
diff --git a/src/features/vouchers/lib/voucher-stock.ts b/src/features/vouchers/lib/voucher-stock.ts
index 4f807265..c99e0323 100644
--- a/src/features/vouchers/lib/voucher-stock.ts
+++ b/src/features/vouchers/lib/voucher-stock.ts
@@ -447,10 +447,10 @@ export async function activateVoucherStockItem(input: ActivateVoucherStockItemOp
       throw new VoucherStockOperationError(voucherStockOperationErrorCodes.invalidTemplate, "Historický vzhled voucheru už není dostupný.");
     }
 
-    if (template.status !== "PUBLISHED") {
+    if (template.status === "DRAFT") {
       throw new VoucherStockOperationError(
         voucherStockOperationErrorCodes.templateUnavailable,
-        "Vybraný vzhled už není dostupný pro novou aktivaci.",
+        "Vybraný vzhled ještě není publikovaný a nelze jej použít k aktivaci.",
       );
     }
 
diff --git a/src/features/vouchers/lib/voucher-template-atomicity.test.ts b/src/features/vouchers/lib/voucher-template-atomicity.test.ts
index 56673444..3a083151 100644
--- a/src/features/vouchers/lib/voucher-template-atomicity.test.ts
+++ b/src/features/vouchers/lib/voucher-template-atomicity.test.ts
@@ -21,6 +21,7 @@ test("template mutation rollbackne při chybě auditu a DELETE_DRAFT nese snapsh
     masterStoragePath: "voucher-templates/template-1/master.pdf",
     masterSha256: "hash",
     previewStoragePath: null,
+    updatedAt: new Date("2026-09-26T08:00:00.000Z"),
   };
   let auditFailure = true;
   const audits: Array<Record<string, unknown>> = [];
@@ -32,6 +33,17 @@ test("template mutation rollbackne při chybě auditu a DELETE_DRAFT nese snapsh
         template = { ...(template ?? {}), ...data };
         return template;
       },
+      updateMany: async ({ where, data }: { where: Record<string, unknown>; data: Record<string, unknown> }) => {
+        const expected = where.updatedAt;
+        const current = template?.updatedAt;
+        if (expected instanceof Date && current instanceof Date && expected.getTime() !== current.getTime()) return { count: 0 };
+        template = { ...(template ?? {}), ...data, updatedAt: new Date("2026-09-26T08:02:00.000Z") };
+        return { count: 1 };
+      },
+      findUniqueOrThrow: async () => {
+        if (!template) throw new Error("missing template");
+        return template;
+      },
       delete: async () => { template = null; },
     },
     voucherTemplateAuditLog: {
@@ -67,11 +79,36 @@ test("template mutation rollbackne při chybě auditu a DELETE_DRAFT nese snapsh
   assert.equal(audits.length, 0);
 
   auditFailure = false;
+  template = { ...(template ?? {}), updatedAt: new Date("2026-09-26T08:01:00.000Z") };
+  await assert.rejects(
+    () => domain.updateVoucherTemplateDraft("template-1", {
+      layout: defaultVoucherTemplateLayout,
+      allowedTypes: ["VALUE"],
+      label: "Stará změna",
+      actorUserId: "owner-1",
+      expectedUpdatedAt: new Date("2026-09-26T08:00:00.000Z"),
+    }),
+    (error: unknown) => error instanceof domain.VoucherTemplateDomainError && error.code === "INVALID_STATE",
+  );
+  assert.equal(template?.label, "Audit test");
+  assert.equal(audits.length, 0);
+
+  await domain.updateVoucherTemplateDraft("template-1", {
+    layout: defaultVoucherTemplateLayout,
+    allowedTypes: ["VALUE"],
+    label: "Nová změna",
+    actorUserId: "owner-1",
+    expectedUpdatedAt: new Date("2026-09-26T08:01:00.000Z"),
+  });
+  assert.equal(template?.label, "Nová změna");
+  assert.equal(audits.length, 1);
+  assert.equal(audits[0]?.operation, "UPDATE_DRAFT");
+
   await domain.deleteVoucherTemplateDraft("template-1", "owner-1");
   assert.equal(template, null);
-  assert.equal(audits.length, 1);
+  assert.equal(audits.length, 2);
   assert.deepEqual(
-    { templateId: audits[0]?.templateId, templateKey: audits[0]?.templateKey, familyKey: audits[0]?.familyKey, version: audits[0]?.version, operation: audits[0]?.operation },
+    { templateId: audits[1]?.templateId, templateKey: audits[1]?.templateKey, familyKey: audits[1]?.familyKey, version: audits[1]?.version, operation: audits[1]?.operation },
     { templateId: "template-1", templateKey: "audit-v1", familyKey: "audit", version: 1, operation: "DELETE_DRAFT" },
   );
 });
diff --git a/src/features/vouchers/lib/voucher-template-domain.ts b/src/features/vouchers/lib/voucher-template-domain.ts
index fd7d3428..1b638136 100644
--- a/src/features/vouchers/lib/voucher-template-domain.ts
+++ b/src/features/vouchers/lib/voucher-template-domain.ts
@@ -1,7 +1,7 @@
 import { Prisma, VoucherTemplateStatus, VoucherType } from "@/generated/prisma/client";
 import { prisma } from "@/lib/prisma";
 import { runSerializableTransaction } from "@/lib/serializable-transaction";
-import { voucherTemplateLayoutSchema, type VoucherTemplateLayoutV1 } from "./voucher-template-layout";
+import { voucherTemplateLayoutSchema, voucherTemplateStoredLayoutSchema, type VoucherTemplateLayoutV1 } from "./voucher-template-layout";
 import {
   deleteVoucherTemplateAsset,
   readVoucherTemplateMaster,
@@ -107,7 +107,7 @@ export async function createVoucherTemplateDraft(input: {
 
 export async function updateVoucherTemplateDraft(
   id: string,
-  input: { layout: VoucherTemplateLayoutV1; allowedTypes: VoucherType[]; label: string; actorUserId: string },
+  input: { layout: VoucherTemplateLayoutV1; allowedTypes: VoucherType[]; label: string; actorUserId: string; expectedUpdatedAt?: Date },
 ) {
   const layout = voucherTemplateLayoutSchema.parse(input.layout);
 
@@ -116,10 +116,23 @@ export async function updateVoucherTemplateDraft(
     if (!template) throw new VoucherTemplateDomainError("NOT_FOUND", "Šablona voucheru nebyla nalezena.");
     if (template.status !== "DRAFT") throw new VoucherTemplateDomainError("IMMUTABLE", "Publikovanou šablonu nelze měnit.");
 
-    const result = await tx.voucherTemplate.update({
-      where: { id },
-      data: { layout, allowedTypes: input.allowedTypes, label: input.label.trim() },
-    });
+    let result;
+    if (input.expectedUpdatedAt) {
+      const updated = await tx.voucherTemplate.updateMany({
+        where: { id, status: VoucherTemplateStatus.DRAFT, updatedAt: input.expectedUpdatedAt },
+        data: { layout, allowedTypes: input.allowedTypes, label: input.label.trim() },
+      });
+      if (updated.count !== 1) {
+        throw new VoucherTemplateDomainError("INVALID_STATE", "Draft byl mezitím změněn v jiném okně. Obnovte stránku a úpravy zopakujte.");
+      }
+      result = await tx.voucherTemplate.findUniqueOrThrow({ where: { id } });
+    } else {
+      result = await tx.voucherTemplate.update({
+        where: { id },
+        data: { layout, allowedTypes: input.allowedTypes, label: input.label.trim() },
+      });
+    }
+
     await audit(tx, id, input.actorUserId, "UPDATE_DRAFT");
     return result;
   }, { maxRetries: 0 });
@@ -221,7 +234,7 @@ export async function publishVoucherTemplate(id: string, actorUserId: string) {
     import("./voucher-template-publish-preflight"),
   ]);
   const finalPreflight = await preflightVoucherTemplateForPublish(await resolveVoucherTemplate(template));
-  if (!finalPreflight.ok) throw new VoucherTemplateDomainError("MASTER_INVALID", "Finální PDF preflight šablony neprošel.");
+  if (!finalPreflight.ok) throw new VoucherTemplateDomainError("MASTER_INVALID", finalPreflight.errors[0] ?? "Finální PDF preflight šablony neprošel.");
 
   return runSerializableTransaction(async (tx) => {
     const current = await tx.voucherTemplate.findUnique({ where: { id } });
@@ -283,7 +296,7 @@ export async function cloneVoucherTemplateVersion(id: string, actorUserId: strin
           version,
           label: source.label,
           allowedTypes: source.allowedTypes,
-          layout: voucherTemplateLayoutSchema.parse(source.layout),
+          layout: voucherTemplateStoredLayoutSchema.parse(source.layout),
           createdByUserId: actorUserId,
           clonedFromId: source.id,
         },
diff --git a/src/features/vouchers/lib/voucher-template-error.ts b/src/features/vouchers/lib/voucher-template-error.ts
index 499b6225..3b8e6bac 100644
--- a/src/features/vouchers/lib/voucher-template-error.ts
+++ b/src/features/vouchers/lib/voucher-template-error.ts
@@ -1,9 +1,9 @@
 export class VoucherTemplateError extends Error {
-  readonly code: "unknown_template" | "invalid_master_page_size";
+  readonly code: "unknown_template" | "invalid_master_page_size" | "text_overflow";
 
   constructor(
     readonly templateKey: string | null | undefined,
-    options: { code?: "unknown_template" | "invalid_master_page_size"; message?: string } = {},
+    options: { code?: "unknown_template" | "invalid_master_page_size" | "text_overflow"; message?: string } = {},
   ) {
     super(options.message ?? `Voucher template "${templateKey ?? ""}" is not available.`);
     this.code = options.code ?? "unknown_template";
diff --git a/src/features/vouchers/lib/voucher-template-layout.test.ts b/src/features/vouchers/lib/voucher-template-layout.test.ts
index adbd184a..fa98d584 100644
--- a/src/features/vouchers/lib/voucher-template-layout.test.ts
+++ b/src/features/vouchers/lib/voucher-template-layout.test.ts
@@ -1,7 +1,7 @@
 import assert from "node:assert/strict";
 import test from "node:test";
 
-import { browserTopToPdfBottom, isVoucherTemplateTextAreaKey, pdfBottomToBrowserTop, updateTypography, voucherTemplateLayoutSchema } from "./voucher-template-layout";
+import { browserTopToPdfBottom, isVoucherTemplateTextAreaKey, pdfBottomToBrowserTop, updateTypography, voucherTemplateLayoutSchema, voucherTemplateStoredLayoutSchema } from "./voucher-template-layout";
 import { defaultVoucherTemplateLayout } from "./voucher-template-defaults";
 
 test("transformace browser/PDF souřadnic je obousměrná", () => {
@@ -43,3 +43,24 @@ test("QR oblast není typografická oblast", () => {
   assert.equal(isVoucherTemplateTextAreaKey("qrArea"), false);
   assert.equal(isVoucherTemplateTextAreaKey("serviceArea"), true);
 });
+
+test("dynamický obsah nesmí zasahovat do 3mm spadávky", () => {
+  const invalidText = {
+    ...defaultVoucherTemplateLayout,
+    valueArea: { ...defaultVoucherTemplateLayout.valueArea, xMm: 2.5 },
+  };
+  const invalidQr = {
+    ...defaultVoucherTemplateLayout,
+    qrArea: { ...defaultVoucherTemplateLayout.qrArea, xMm: 2.5 },
+  };
+
+  const textResult = voucherTemplateLayoutSchema.safeParse(invalidText);
+  const qrResult = voucherTemplateLayoutSchema.safeParse(invalidQr);
+  assert.equal(textResult.success, false);
+  assert.equal(qrResult.success, false);
+  if (!textResult.success) assert.match(textResult.error.issues.map((issue) => issue.message).join(" "), /ořezové oblasti/);
+  if (!qrResult.success) assert.match(qrResult.error.issues.map((issue) => issue.message).join(" "), /ořezové oblasti/);
+
+  assert.equal(voucherTemplateStoredLayoutSchema.safeParse(invalidText).success, true);
+  assert.equal(voucherTemplateStoredLayoutSchema.safeParse(invalidQr).success, true);
+});
diff --git a/src/features/vouchers/lib/voucher-template-layout.ts b/src/features/vouchers/lib/voucher-template-layout.ts
index 3bc9200d..e191b576 100644
--- a/src/features/vouchers/lib/voucher-template-layout.ts
+++ b/src/features/vouchers/lib/voucher-template-layout.ts
@@ -5,23 +5,48 @@ import { voucherFontRegistry } from "./voucher-font-registry";
 export const VOUCHER_PRINT_GEOMETRY = { widthMm: 216, heightMm: 105, trimXmm: 3, trimYmm: 3, trimWidthMm: 210, trimHeightMm: 99 } as const;
 const mm = z.number().finite().min(0).max(216);
 const cmyk = z.object({ c: z.number().min(0).max(1), m: z.number().min(0).max(1), y: z.number().min(0).max(1), k: z.number().min(0).max(1) });
+type VoucherAreaBounds = { xMm: number; yMm: number; widthMm: number; heightMm: number };
+function isInsideTrim(area: VoucherAreaBounds) {
+  const right = VOUCHER_PRINT_GEOMETRY.trimXmm + VOUCHER_PRINT_GEOMETRY.trimWidthMm;
+  const top = VOUCHER_PRINT_GEOMETRY.trimYmm + VOUCHER_PRINT_GEOMETRY.trimHeightMm;
+  return area.xMm >= VOUCHER_PRINT_GEOMETRY.trimXmm
+    && area.yMm >= VOUCHER_PRINT_GEOMETRY.trimYmm
+    && area.xMm + area.widthMm <= right
+    && area.yMm + area.heightMm <= top;
+}
 const typography = z.object({
   fontFamilyKey: z.string().refine((key) => key in voucherFontRegistry, "Nepodporované písmo."),
   preferredFontSizePt: z.number().positive().max(144), minFontSizePt: z.number().positive().max(144),
   lineHeightMm: z.number().min(0).max(50), fontWeight: z.enum(["regular", "bold"]), alignment: z.enum(["left", "center"]), color: cmyk,
 }).refine((v) => v.minFontSizePt <= v.preferredFontSizePt, "Minimální velikost písma nesmí být vyšší než preferovaná.");
-const textArea = z.object({ xMm: mm, yMm: mm, widthMm: z.number().positive().max(216), heightMm: z.number().positive().max(105), baselineMm: mm, maxLines: z.number().int().min(1).max(20), typography })
-  .superRefine((area, ctx) => { if (area.xMm + area.widthMm > 216 || area.yMm + area.heightMm > 105 || area.baselineMm < area.yMm || area.baselineMm > area.yMm + area.heightMm) ctx.addIssue({ code: "custom", message: "Textová oblast musí ležet na stránce a baseline uvnitř oblasti." }); });
-const qrArea = z.object({ xMm: mm, yMm: mm, widthMm: z.number().positive().max(105), heightMm: z.number().positive().max(105) })
+const storedTextArea = z.object({ xMm: mm, yMm: mm, widthMm: z.number().positive().max(216), heightMm: z.number().positive().max(105), baselineMm: mm, maxLines: z.number().int().min(1).max(20), typography })
+  .superRefine((area, ctx) => {
+    if (area.xMm + area.widthMm > 216 || area.yMm + area.heightMm > 105 || area.baselineMm < area.yMm || area.baselineMm > area.yMm + area.heightMm) {
+      ctx.addIssue({ code: "custom", message: "Textová oblast musí ležet na stránce a baseline uvnitř oblasti." });
+    }
+  });
+const storedQrArea = z.object({ xMm: mm, yMm: mm, widthMm: z.number().positive().max(105), heightMm: z.number().positive().max(105) })
   .refine((a) => Math.abs(a.widthMm - a.heightMm) < 0.001 && a.xMm + a.widthMm <= 216 && a.yMm + a.heightMm <= 105, "QR musí být čtvercový a uvnitř stránky.");
 
-export const voucherTemplateLayoutSchema = z.object({
+export const voucherTemplateStoredLayoutSchema = z.object({
   printPage: z.object({ widthMm: z.literal(216), heightMm: z.literal(105) }),
   trim: z.object({ xMm: z.literal(3), yMm: z.literal(3), widthMm: z.literal(210), heightMm: z.literal(99) }),
-  valueArea: textArea, serviceArea: textArea, validityArea: textArea, codeArea: textArea, qrArea,
+  valueArea: storedTextArea, serviceArea: storedTextArea, validityArea: storedTextArea, codeArea: storedTextArea, qrArea: storedQrArea,
+});
+
+export const voucherTemplateLayoutSchema = voucherTemplateStoredLayoutSchema.superRefine((layout, ctx) => {
+  for (const key of ["valueArea", "serviceArea", "validityArea", "codeArea"] as const) {
+    if (!isInsideTrim(layout[key])) {
+      ctx.addIssue({ code: "custom", path: [key], message: "Dynamický text musí zůstat uvnitř ořezové oblasti 210 × 99 mm." });
+    }
+  }
+
+  if (!isInsideTrim(layout.qrArea)) {
+    ctx.addIssue({ code: "custom", path: ["qrArea"], message: "QR musí zůstat uvnitř ořezové oblasti 210 × 99 mm." });
+  }
 });
 
-export type VoucherTemplateLayoutV1 = z.infer<typeof voucherTemplateLayoutSchema>;
+export type VoucherTemplateLayoutV1 = z.infer<typeof voucherTemplateStoredLayoutSchema>;
 export type VoucherTemplateTextAreaKey = "valueArea" | "serviceArea" | "validityArea" | "codeArea";
 export type VoucherTemplateTypographyPatch = Partial<VoucherTemplateLayoutV1[VoucherTemplateTextAreaKey]["typography"]>;
 
diff --git a/src/features/vouchers/lib/voucher-template-publish-preflight.ts b/src/features/vouchers/lib/voucher-template-publish-preflight.ts
index cf8df426..6e449e79 100644
--- a/src/features/vouchers/lib/voucher-template-publish-preflight.ts
+++ b/src/features/vouchers/lib/voucher-template-publish-preflight.ts
@@ -8,6 +8,7 @@ import {
 } from "./voucher-pdf-core";
 import { preflightFinalVoucherPrint, preflightVoucherTemplateMaster } from "./voucher-template-preflight";
 import { type ResolvedVoucherTemplate } from "./voucher-template-repository";
+import { VoucherTemplateError } from "./voucher-template-error";
 
 export async function preflightVoucherTemplateForPublish(template: ResolvedVoucherTemplate) {
   const master = await preflightVoucherTemplateMaster(template.masterBytes);
@@ -18,14 +19,29 @@ export async function preflightVoucherTemplateForPublish(template: ResolvedVouch
   const errors: string[] = [];
   for (const scenario of scenarios) {
     const voucher = { templateId: template.id, templateKey: template.key, code: "TEST-2026-ABCDEF", type: scenario.type, originalValueCzk: scenario.type === VoucherType.VALUE ? 1500 : 1500, remainingValueCzk: scenario.type === VoucherType.VALUE ? 1500 : null, serviceNameSnapshot: scenario.serviceName ?? null, servicePriceSnapshotCzk: scenario.type === VoucherType.SERVICE ? 1500 : null, validUntil: new Date("2027-12-31T22:59:59.999Z") } as Parameters<typeof generateResolvedVoucherPrintPdf>[0];
-    const print = await preflightFinalVoucherPrint(await generateResolvedVoucherPrintPdf(voucher, template));
-    const digitalPdf = await PDFDocument.load(await generateResolvedVoucherDigitalPdf(voucher, template));
-    const digitalPage = digitalPdf.getPage(0);
-    if (print.errors.length || !print.geometryValid) errors.push(...print.errors, "Finální PRINT nemá očekávanou geometrii.");
-    const digitalSize = digitalPage.getSize();
-    if (digitalPdf.getPageCount() !== 1 || Math.abs(digitalSize.width - 210 * 72 / 25.4) > 1 || Math.abs(digitalSize.height - 99 * 72 / 25.4) > 1) errors.push("Finální DIGITAL nemá očekávanou geometrii.");
+
+    try {
+      const print = await preflightFinalVoucherPrint(await generateResolvedVoucherPrintPdf(voucher, template, { failOnTextOverflow: true }));
+      const digitalPdf = await PDFDocument.load(await generateResolvedVoucherDigitalPdf(voucher, template, { failOnTextOverflow: true }));
+      const digitalPage = digitalPdf.getPage(0);
+      if (print.errors.length || !print.geometryValid) errors.push(...print.errors, "Finální PRINT nemá očekávanou geometrii.");
+      const digitalSize = digitalPage.getSize();
+      if (digitalPdf.getPageCount() !== 1 || Math.abs(digitalSize.width - 210 * 72 / 25.4) > 1 || Math.abs(digitalSize.height - 99 * 72 / 25.4) > 1) errors.push("Finální DIGITAL nemá očekávanou geometrii.");
+    } catch (error) {
+      if (error instanceof VoucherTemplateError && error.code === "text_overflow") {
+        errors.push(error.message);
+        continue;
+      }
+      throw error;
+    }
+  }
+
+  try {
+    const stock = await preflightFinalVoucherPrint(await generateResolvedVoucherBatchPrintPdf({ batchNumber: "TEST-001", items: [{ code: "TEST-2026-ABCDEF" }] }, template, { failOnTextOverflow: true }));
+    if (stock.errors.length || !stock.geometryValid) errors.push(...stock.errors, "Finální STOCK nemá očekávanou geometrii.");
+  } catch (error) {
+    if (error instanceof VoucherTemplateError && error.code === "text_overflow") errors.push(error.message);
+    else throw error;
   }
-  const stock = await preflightFinalVoucherPrint(await generateResolvedVoucherBatchPrintPdf({ batchNumber: "TEST-001", items: [{ code: "TEST-2026-ABCDEF" }] }, template));
-  if (stock.errors.length || !stock.geometryValid) errors.push(...stock.errors, "Finální STOCK nemá očekávanou geometrii.");
   return { ok: errors.length === 0, errors };
 }
diff --git a/src/features/vouchers/lib/voucher-template-repository.ts b/src/features/vouchers/lib/voucher-template-repository.ts
index d1a1a224..d3ec67d6 100644
--- a/src/features/vouchers/lib/voucher-template-repository.ts
+++ b/src/features/vouchers/lib/voucher-template-repository.ts
@@ -4,7 +4,7 @@ import { prisma } from "@/lib/prisma";
 
 import { VoucherTemplateDomainError } from "./voucher-template-domain";
 import { readVoucherTemplateMaster, sha256, voucherTemplateMasterExists } from "./voucher-template-storage";
-import { voucherTemplateLayoutSchema, type VoucherTemplateLayoutV1 } from "./voucher-template-layout";
+import { voucherTemplateStoredLayoutSchema, type VoucherTemplateLayoutV1 } from "./voucher-template-layout";
 
 export type ResolvedVoucherTemplate = {
   id: string;
@@ -68,7 +68,7 @@ export async function loadVoucherTemplateMaster(template: { masterStoragePath: s
 export async function resolveVoucherTemplate(template: { id: string; key: string; status: VoucherTemplateStatus; allowedTypes: VoucherType[]; label: string; layout: unknown; masterStoragePath: string | null; masterSha256: string | null }): Promise<ResolvedVoucherTemplate> {
   const masterBytes = await loadVoucherTemplateMaster(template);
   if (!template.masterSha256) throw new VoucherTemplateDomainError("MASTER_INVALID", "Master šablony není dostupný.");
-  return { id: template.id, key: template.key, status: template.status, allowedTypes: template.allowedTypes, label: template.label, layout: voucherTemplateLayoutSchema.parse(template.layout), masterSha256: template.masterSha256, masterBytes };
+  return { id: template.id, key: template.key, status: template.status, allowedTypes: template.allowedTypes, label: template.label, layout: voucherTemplateStoredLayoutSchema.parse(template.layout), masterSha256: template.masterSha256, masterBytes };
 }
 
 export async function resolveVoucherTemplateForVoucher(voucherId: string) {
diff --git a/src/features/vouchers/lib/voucher-text-fit.test.ts b/src/features/vouchers/lib/voucher-text-fit.test.ts
new file mode 100644
index 00000000..4bcd71c1
--- /dev/null
+++ b/src/features/vouchers/lib/voucher-text-fit.test.ts
@@ -0,0 +1,103 @@
+import assert from "node:assert/strict";
+import test from "node:test";
+
+import { fitVoucherTextToArea, getVoucherTextLineHeightMm } from "./voucher-text-fit";
+
+const measure = (text: string, fontSizePt: number) => text.length * fontSizePt * 0.12;
+
+test("automatické řádkování při lineHeightMm=0 nikdy neskládá řádky přes sebe", () => {
+  const lineHeightMm = getVoucherTextLineHeightMm(0, 10);
+  assert.ok(lineHeightMm > 0);
+
+  const fit = fitVoucherTextToArea(
+    "Dlouhý název služby který se zalomí",
+    {
+      yMm: 10,
+      widthMm: 28,
+      heightMm: 20,
+      baselineMm: 14,
+      maxLines: 3,
+      typography: { preferredFontSizePt: 10, minFontSizePt: 8, lineHeightMm: 0 },
+    },
+    measure,
+    1,
+  );
+
+  assert.ok(fit.lineHeightMm > 0);
+  assert.ok(fit.lines.length * fit.lineHeightMm <= 20 + 0.001 || fit.overflowed);
+});
+
+test("fitting respektuje výšku oblasti a označí overflow při příliš malé výšce", () => {
+  const fit = fitVoucherTextToArea(
+    "Jedna dvě tři čtyři pět šest",
+    {
+      yMm: 10,
+      widthMm: 24,
+      heightMm: 2,
+      baselineMm: 11,
+      maxLines: 4,
+      typography: { preferredFontSizePt: 12, minFontSizePt: 8, lineHeightMm: 4 },
+    },
+    measure,
+    1,
+  );
+
+  assert.equal(fit.overflowed, true);
+  assert.equal(fit.lines.length, 1);
+  assert.match(fit.lines[0] ?? "", /…$/);
+});
+
+test("horizontální inset se promítá do stejného maxWidth pro preview i PDF", () => {
+  const fit = fitVoucherTextToArea(
+    "PP-2026-ABC123",
+    {
+      yMm: 10,
+      widthMm: 30,
+      heightMm: 8,
+      baselineMm: 12,
+      maxLines: 1,
+      typography: { preferredFontSizePt: 8, minFontSizePt: 6, lineHeightMm: 4 },
+    },
+    measure,
+    2,
+  );
+
+  assert.equal(fit.maxWidthMm, 26);
+});
+
+test("více řádků respektuje prostor nad konkrétní baseline", () => {
+  const fit = fitVoucherTextToArea(
+    "Jedna dvě tři čtyři",
+    {
+      yMm: 10,
+      widthMm: 20,
+      heightMm: 10,
+      baselineMm: 19,
+      maxLines: 3,
+      typography: { preferredFontSizePt: 10, minFontSizePt: 8, lineHeightMm: 4 },
+    },
+    measure,
+    1,
+  );
+
+  assert.equal(fit.overflowed, true);
+  assert.equal(fit.lines.length, 1);
+});
+
+test("fitting zohlední ascent a descent kolem baseline i pro jeden řádek", () => {
+  const baseArea = {
+    yMm: 10,
+    widthMm: 40,
+    heightMm: 10,
+    maxLines: 1,
+    typography: { preferredFontSizePt: 10, minFontSizePt: 10, lineHeightMm: 4 },
+  };
+
+  const atTop = fitVoucherTextToArea("Text", { ...baseArea, baselineMm: 20 }, measure, 1);
+  const atBottom = fitVoucherTextToArea("Text", { ...baseArea, baselineMm: 10 }, measure, 1);
+  const centered = fitVoucherTextToArea("Text", { ...baseArea, baselineMm: 14 }, measure, 1);
+
+  assert.equal(atTop.overflowed, true);
+  assert.equal(atBottom.overflowed, true);
+  assert.equal(centered.overflowed, false);
+});
diff --git a/src/features/vouchers/lib/voucher-text-fit.ts b/src/features/vouchers/lib/voucher-text-fit.ts
new file mode 100644
index 00000000..0f3d263f
--- /dev/null
+++ b/src/features/vouchers/lib/voucher-text-fit.ts
@@ -0,0 +1,164 @@
+export type VoucherTextFitArea = {
+  xMm?: number;
+  yMm: number;
+  widthMm: number;
+  heightMm: number;
+  baselineMm: number;
+  maxLines: number;
+  typography: {
+    preferredFontSizePt: number;
+    minFontSizePt: number;
+    lineHeightMm: number;
+  };
+};
+
+export type VoucherTextFitResult = {
+  fontSizePt: number;
+  lines: string[];
+  overflowed: boolean;
+  lineHeightMm: number;
+  maxWidthMm: number;
+};
+
+export type VoucherTextWidthMeasurer = (text: string, fontSizePt: number) => number;
+
+export const VOUCHER_TEXT_HORIZONTAL_INSET_MM = {
+  valueArea: 1,
+  serviceArea: 1,
+  validityArea: 1,
+  codeArea: 2,
+} as const;
+
+const PT_TO_MM = 25.4 / 72;
+const FIT_STEP_PT = 0.25;
+const VOUCHER_TEXT_ASCENT_EM = 1.07;
+const VOUCHER_TEXT_DESCENT_EM = 0.3;
+
+export function getVoucherTextLineHeightMm(configuredLineHeightMm: number, fontSizePt: number) {
+  return configuredLineHeightMm > 0 ? configuredLineHeightMm : fontSizePt * PT_TO_MM * 1.2;
+}
+
+export function fitVoucherTextToArea(
+  text: string,
+  area: VoucherTextFitArea,
+  measureTextWidthMm: VoucherTextWidthMeasurer,
+  horizontalInsetMm = 1,
+): VoucherTextFitResult {
+  const maxWidthMm = Math.max(1, area.widthMm - horizontalInsetMm * 2);
+  const maxLines = Math.max(1, Math.floor(area.maxLines));
+  const minimumFontSizePt = Math.max(0.1, area.typography.minFontSizePt);
+  const preferredFontSizePt = Math.max(minimumFontSizePt, area.typography.preferredFontSizePt);
+
+  let size = preferredFontSizePt;
+  while (size >= minimumFontSizePt - 0.001) {
+    const fontSizePt = roundSize(size);
+    const lines = wrapVoucherText(text, fontSizePt, maxWidthMm, measureTextWidthMm);
+    const lineHeightMm = getVoucherTextLineHeightMm(area.typography.lineHeightMm, fontSizePt);
+
+    if (
+      lines.length <= maxLines
+      && lines.every((line) => measureTextWidthMm(line, fontSizePt) <= maxWidthMm + 0.001)
+      && voucherTextLineStackFits(area, lines.length, lineHeightMm, fontSizePt)
+    ) {
+      return { fontSizePt, lines, overflowed: false, lineHeightMm, maxWidthMm };
+    }
+
+    if (fontSizePt <= minimumFontSizePt + 0.001) break;
+    size = Math.max(minimumFontSizePt, roundSize(fontSizePt - FIT_STEP_PT));
+  }
+
+  const fontSizePt = minimumFontSizePt;
+  const lineHeightMm = getVoucherTextLineHeightMm(area.typography.lineHeightMm, fontSizePt);
+  const wrappedLines = wrapVoucherText(text, fontSizePt, maxWidthMm, measureTextWidthMm);
+  let visibleLineLimit = Math.max(1, Math.min(maxLines, wrappedLines.length || 1));
+  while (visibleLineLimit > 1 && !voucherTextLineStackFits(area, visibleLineLimit, lineHeightMm, fontSizePt)) {
+    visibleLineLimit -= 1;
+  }
+  const lines = wrappedLines.slice(0, visibleLineLimit);
+  const lastLineIndex = lines.length - 1;
+
+  if (lastLineIndex >= 0) {
+    lines[lastLineIndex] = addVoucherEllipsis(lines[lastLineIndex], fontSizePt, maxWidthMm, measureTextWidthMm);
+  }
+
+  return { fontSizePt, lines, overflowed: true, lineHeightMm, maxWidthMm };
+}
+
+export function voucherTextLineStackFits(
+  area: Pick<VoucherTextFitArea, "yMm" | "heightMm" | "baselineMm">,
+  lineCount: number,
+  lineHeightMm: number,
+  fontSizePt: number,
+) {
+  if (lineCount <= 0) return true;
+
+  const fontSizeMm = fontSizePt * PT_TO_MM;
+  const bottom = area.baselineMm - fontSizeMm * VOUCHER_TEXT_DESCENT_EM;
+  const topBaseline = area.baselineMm + Math.max(0, lineCount - 1) * lineHeightMm;
+  const top = topBaseline + fontSizeMm * VOUCHER_TEXT_ASCENT_EM;
+
+  return bottom >= area.yMm - 0.001 && top <= area.yMm + area.heightMm + 0.001;
+}
+
+function wrapVoucherText(text: string, fontSizePt: number, maxWidthMm: number, measureTextWidthMm: VoucherTextWidthMeasurer) {
+  const lines: string[] = [];
+
+  for (const paragraph of text.split(/\r?\n/)) {
+    const words = paragraph.split(/\s+/).filter(Boolean);
+    let currentLine = "";
+
+    for (const word of words) {
+      const candidate = currentLine ? `${currentLine} ${word}` : word;
+
+      if (!currentLine && measureTextWidthMm(word, fontSizePt) > maxWidthMm) {
+        const chunks = splitVoucherWord(word, fontSizePt, maxWidthMm, measureTextWidthMm);
+        lines.push(...chunks.slice(0, -1));
+        currentLine = chunks.at(-1) ?? "";
+      } else if (!currentLine || measureTextWidthMm(candidate, fontSizePt) <= maxWidthMm) {
+        currentLine = candidate;
+      } else {
+        lines.push(currentLine);
+        currentLine = word;
+      }
+    }
+
+    if (currentLine) lines.push(currentLine);
+  }
+
+  return lines;
+}
+
+function splitVoucherWord(word: string, fontSizePt: number, maxWidthMm: number, measureTextWidthMm: VoucherTextWidthMeasurer) {
+  const chunks: string[] = [];
+  let current = "";
+
+  for (const character of Array.from(word)) {
+    const candidate = `${current}${character}`;
+
+    if (current && measureTextWidthMm(candidate, fontSizePt) > maxWidthMm) {
+      chunks.push(current);
+      current = character;
+    } else {
+      current = candidate;
+    }
+  }
+
+  if (current) chunks.push(current);
+  return chunks;
+}
+
+function addVoucherEllipsis(text: string, fontSizePt: number, maxWidthMm: number, measureTextWidthMm: VoucherTextWidthMeasurer) {
+  const ellipsis = "…";
+  const characters = Array.from(text.trimEnd());
+
+  for (let length = characters.length; length >= 0; length -= 1) {
+    const candidate = `${characters.slice(0, length).join("").trimEnd()}${ellipsis}`;
+    if (measureTextWidthMm(candidate, fontSizePt) <= maxWidthMm) return candidate;
+  }
+
+  return ellipsis;
+}
+
+function roundSize(value: number) {
+  return Number(value.toFixed(2));
+}