<!--
PDF v115 — 2026-10-14 | Appen: exakt samma avstånd till kanten som övriga appar – 8 px i mobilen, 16 px på dator (appbar.js v646).
PDF v114 — 2026-10-14 | Appen: lika stort utrymme på båda sidor om rullisten – innehållet står mitt i fönstret i Windows-appen och Telefonlänk (appbar.js v645).
PDF v113 — 2026-10-14 | topbar.js laddas med aktuell version (?v=643) – den gamla adressen (?v=555) kunde ge en gammal toppheader och flikrad från webbläsarens cache, så att ändringar i appläget inte syntes.
PDF v112 — 2026-10-14 | Appen: rubrikkortet och innehållet står mitt i fönstret (appbar.js v643).
PDF v111 — 2026-10-13 | Mobil: lugnt rutnät i alla vyer – gemensamma kanter, lika stora knappar (40 px), inga brutna knapptexter och inget som går utanför skärmen.
PDF v110 — 2026-10-13 | Mörkt läge: webbläsartillägg som Dark Reader räknar inte längre om sidan (appen har egna mörka färger).
PDF v109 — 2026-10-13 | Städning: oanvänd kod borttagen – inget ändrat i funktionen.
PDF v107 — 2026-10-08 | appbar.js och topbar.js v552 (inget ljust blink i mörkt läge i appen).
PDF v103 — 2026-10-04 | Ändra text tar bort originaltexten ur sidans innehåll.
PDF v102 — 2026-10-04 | Lösenordsskyddade filer avkrypteras i webbläsaren – sidorna behåller text, länkar och formulär.
PDF v101 — 2026-10-04 | Lösenordsskydd (AES-256) och öppna lösenordsskyddade filer.
PDF v100 — 2026-10-04 | Länk, Maskera och Beskär; Fler verktyg: Formulär, Minska filstorlek, Dela upp, Använd beskärningen på alla sidor (menyn i bokstavsordning).
PDF v99 — 2026-10-04 | topbar.js ?v=507 (ny kakbanner).
PDF v98 — 2026-10-04 | topbar.js ?v=482.
PDF v97 — 2026-10-04 | topbar.js ?v=481.
PDF v96 — 2026-10-04 | topbar.js ?v=467.
PDF v95 — 2026-10-04 | topbar.js ?v=466 (egen kakbanner).
PDF v94 — 2026-10-04 | topbar.js ?v=465.
PDF v93 — 2026-10-04 | topbar.js ?v=464 (toppheadern ritas direkt även första gången i appen).
PDF v92 — 2026-10-04 | topbar.js ?v=463.
PDF v91 — 2026-10-04 | topbar.js ?v=462.
PDF v90 — 2026-10-04 | topbar.js ?v=461.
PDF v89 — 2026-10-04 | topbar.js ?v=460 (kakbannern överst).
PDF v88 — 2026-10-04 | topbar.js ?v=459 (kakbannern visas även i appen).
PDF v87 — 2026-10-04 | topbar.js ?v=458 (Gäst öppnar inloggningsrutan).
PDF v86 — 2026-10-04 | topbar.js ?v=457.
PDF v85 — 2026-10-04 | topbar.js ?v=456 (header.js v456: samma inloggningsruta som webbplatsen, Välj app visar appen man använder).
PDF v84 — 2026-10-04 | topbar.js ?v=455 (toppheadern ritas direkt, sidan hoppar inte).
PDF v83 — 2026-10-03 | datoden-ui.css v420 (nytt mörkt läge).
PDF v82 — 2026-10-03 | datoden-ui.css v419 (toppheadern i mellanbredder).
PDF v81 — 2026-10-03 | datoden-ui.css v418 (toppheadern på smala skärmar).
PDF v80 — 2026-10-02 | appbar.js v404 (appskalet: flikraden ligger still).
PDF v79 — 2026-10-02 | appbar.js i head (flikraden i appläget ligger still vid sidbyten).
PDF v78 — 2026-10-02 | topbar.js ?v=402 (flikraden laddas direkt).
PDF v77 — 2026-10-02 | topbar.js ?v=401.
PDF v76 — 2026-10-02 | topbar.js ?v=400.
PDF v75 — 2026-10-02 | topbar.js ?v=399.
PDF v74 — 2026-10-02 | topbar.js ?v=398 (appläge med flikrad).
PDF v73 — 2026-10-02 | Ikonfilen med Vektors ikoner.
PDF v72 — 2026-10-02 | Ikonfilen med Bilds ikoner.
PDF v47 — 2026-09-30 | Fet/kursiv visar B/I på engelska.
PDF v46 — 2026-09-30 | topbar.js ?v=307 (översättningar med mönster).
PDF v45 — 2026-09-30 | Uppgradera → Abonnemang; aktivt pass = ingen gräns.
PDF v44 — 2026-09-30 | topbar.js ?v=292 (hämtar aktuella versioner av toppheaderns filer).
PDF v33 — 2026-09-30 | Fullständigt paket för den nya platsen datoden.se/app/pdf/.
PDF v32 — 2026-09-30 | Appen ligger på datoden.se/app/pdf/ (samma domän som webbplatsen – en inloggning, även på datoden.com/.eu).
PDF v28 — 2026-09-30 | Släppfältet: "Välj en fil" är en vanlig knapp med ikon (som Öppna PDF).
PDF v18 — 2026-09-30 | Toppheadern laddas med Logins gemensamma topbar.js (exakt samma filer som övriga sidor); egen pdf-topbar.js används inte längre.
PDF v13 — 2026-09-30 | Städning: testkrokar och felsökningsläge borttagna.
PDF v12 — 2026-09-30 | Mitt konto (Mina uppgifter, Inställningar, Administration) öppnas ovanpå PDF-sidan.
PDF v10 — 2026-09-30 | Toppheadern hämtas igen när man kommer tillbaka till fliken (efter inloggning) och reservlänkar om datoden.se inte svarar.
PDF v9 — 2026-09-30 | Antalet tillämpningar visas först när gränsen är nådd; Mitt konto öppnas på datoden.se i ny flik.
PDF v8 — 2026-09-30 | Gränsen gäller även efter att webbläsaren startats om.
PDF v7 — 2026-09-30 | Tillämpa i stället för Spara: 3 tillämpningar per timme, förhandsvisning med Spara PDF och Fortsätt redigera, nedräkning när gränsen är nådd.
PDF v6 — 2026-09-30 | Fler typsnitt, former, signatur, Fler verktyg (sidnummer, sidhuvud/sidfot, vattenmärke, sök och ersätt, extrahera, bilder, text, dokumentinfo), bilder som sidor.
PDF v5 — 2026-09-30 | Ändra befintlig text och textigenkänning (OCR) i webbläsaren.
PDF v4 — 2026-09-30 | Datodens toppheader (appmeny, Mitt konto) hämtas från datoden.se, som i de andra apparna.
PDF v3 — 2026-09-30 | Installeras och uppdateras från Datodens uppdateringspaket (biblioteken ligger i assets/lib).
PDF v2 — 2026-09-29 | Öppen gratisversion: högst 5 sparade PDF:er per 5 timmar, sedan vänta eller uppgradera.
PDF v1 — 2026-09-29 | Första versionen: öppna, redigera och spara PDF helt i webbläsaren.
-->
<!doctype html>
<html lang="sv" class="datoden-ui">
<head>
  <meta charset="utf-8">
  <link rel="icon" href="https://datoden.se/?datoden_route=favicon&amp;mode=light" data-datoden-favicon-light="https://datoden.se/?datoden_route=favicon&amp;mode=light" data-datoden-favicon-dark="https://datoden.se/?datoden_route=favicon&amp;mode=dark">
  <script>/* Datoden: färgläget sätts innan sidan målas, så att den inte blinkar till i systemets läge. */(function(){try{var d=document.documentElement,v="";if(d.getAttribute("data-datoden-guest")==="true"){var r=sessionStorage.getItem("datoden-guest:pdf:v1:theme");if(r)v=JSON.parse(r)}else{var m=document.cookie.match(/(?:^|; )datoden_color_preference=([^;]*)/);if(m)v=decodeURIComponent(m[1])}if(!/^(system|light|dark)$/.test(v))v="system";var k=v==="dark"||(v==="system"&&window.matchMedia&&matchMedia("(prefers-color-scheme: dark)").matches);d.setAttribute("data-datoden-theme",v);d.setAttribute("data-theme",k?"dark":"light");d.classList.add(k?"datoden-theme-dark":"datoden-theme-light");var ic=document.querySelector("link[data-datoden-favicon-dark]");if(ic)ic.href=k?ic.getAttribute("data-datoden-favicon-dark"):ic.getAttribute("data-datoden-favicon-light")}catch(e){}})();</script>
  <script>/* Datoden: färgtema (Login 387) sätts innan sidan målas; "-bg" färgar även bakgrunderna. */(function(){try{var m=document.cookie.match(/(?:^|;\s*)datoden_palette=([a-z-]+)/),v=m?m[1]:"";if(!v)try{v=localStorage.getItem("datoden-palette")||""}catch(e){}var k=v.replace(/-bg$/,""),d=document.documentElement;if(/^(hav|skog|lavendel|solnedgang|hallon|grafit|kontrast)$/.test(k))d.setAttribute("data-datoden-palette",k);if(/^(standard|hav|skog|lavendel|solnedgang|hallon|grafit|kontrast)-bg$/.test(v))d.setAttribute("data-datoden-bg","1")}catch(e){}})();</script>
  <meta name="viewport" content="width=device-width,initial-scale=1"><meta name="darkreader-lock">
  <title>PDF – Datoden</title>
  <link rel="stylesheet" href="https://datoden.se/konto/assets/css/datoden-ui.css?v=420">
  <link rel="stylesheet" href="https://datoden.se/konto/assets/css/theme.css?v=180">
  <link rel="stylesheet" href="https://datoden.se/konto/assets/css/sub-datoden.css?v=212">
  <link rel="stylesheet" href="https://datoden.se/konto/assets/css/app-update.css?v=269">
  <link rel="stylesheet" href="assets/css/pdf.css?v=38">
  <!-- Toppheadern: samma HTML, CSS och JS som på alla andra sidor (Login topbar.js). -->
  <script src="https://datoden.se/konto/assets/js/topbar.js?v=646" data-app="pdf"></script>
  <script src="https://datoden.se/konto/assets/js/appbar.js?v=646"></script> <!-- appläget: flikraden finns från första ritningen -->
</head>
<body>
<div id="quotaInfo" class="pdf-quota" hidden><span id="quotaText">Gratis</span><a id="quotaUpgrade" class="pdf-quota-link" href="#">Uppgradera för obegränsat</a></div>
<header id="pageHeader">
  <div class="header-brand">
    <div class="header-copy">
      <h1 id="headerTitle">PDF</h1>
      <p id="headerSubtitle">PDF · Öppna en fil för att börja</p>
    </div>
  </div>
  <div class="actions du-toolbar">
    <button type="button" id="openPdf" class="du-btn"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><use href="assets/media/icons.svg?v=11#icon-upload"></use></svg><span>Öppna PDF</span></button>
    <button type="button" id="undoAction" class="du-btn" disabled><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><use href="assets/media/icons.svg?v=11#icon-undo"></use></svg><span>Ångra</span></button>
    <button type="button" id="applyBtn" class="du-btn du-btn--primary" disabled title="Tillämpa ändringarna och se resultatet (Ctrl+S)"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><use href="assets/media/icons.svg?v=11#icon-apply"></use></svg><span>Tillämpa</span></button>
    <button type="button" id="continueBtn" class="du-btn" hidden><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><use href="assets/media/icons.svg?v=11#icon-edit"></use></svg><span>Fortsätt redigera</span></button>
    <button type="button" id="closeCompare" class="du-btn" hidden><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><use href="assets/media/icons.svg?v=11#icon-close"></use></svg><span>Stäng jämförelsen</span></button>
    <button type="button" id="savePdf" class="du-btn du-btn--primary" hidden><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><use href="assets/media/icons.svg?v=11#icon-download"></use></svg><span>Spara PDF</span></button>
  </div>
</header>

<main>
  <div class="pdf-toolbar" id="pdfToolbar" hidden>
    <div class="pdf-toolrow">
    <div class="du-segmented pdf-tools" role="toolbar" aria-label="Verktyg">
      <button type="button" class="du-btn pdf-tool active" data-tool="select" title="Markera och flytta (V)"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><use href="assets/media/icons.svg?v=11#icon-pointer"></use></svg><span>Markera</span></button>
      <button type="button" class="du-btn pdf-tool" data-tool="edittext" title="Klicka på befintlig text för att ändra den (E)"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><use href="assets/media/icons.svg?v=11#icon-edit"></use></svg><span>Ändra text</span></button>
      <button type="button" class="du-btn pdf-tool" data-tool="text" title="Skriv ny text (T)"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><use href="assets/media/icons.svg?v=11#icon-text"></use></svg><span>Text</span></button>
      <button type="button" class="du-btn pdf-tool" data-tool="pen" title="Rita fritt (P)"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><use href="assets/media/icons.svg?v=11#icon-pen"></use></svg><span>Rita</span></button>
      <button type="button" class="du-btn pdf-tool" data-tool="highlight" title="Överstrykningspenna (H)"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><use href="assets/media/icons.svg?v=11#icon-highlight"></use></svg><span>Överstryk</span></button>
      <button type="button" class="du-btn pdf-tool" data-tool="cover" title="Täck över innehåll med en ruta (R)"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><use href="assets/media/icons.svg?v=11#icon-cover"></use></svg><span>Täck över</span></button>
      <button type="button" class="du-btn pdf-tool" data-tool="shape" title="Rektangel, ellips, linje, pil, bock eller kryss (F)"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><use href="assets/media/icons.svg?v=11#icon-shapes"></use></svg><span>Form</span></button>
      <button type="button" class="du-btn pdf-tool" data-tool="image" title="Lägg in bild eller logotyp"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><use href="assets/media/icons.svg?v=11#icon-image"></use></svg><span>Bild</span></button>
      <button type="button" class="du-btn pdf-tool" data-tool="sign" title="Skriv din namnteckning och placera den"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><use href="assets/media/icons.svg?v=11#icon-signature"></use></svg><span>Signatur</span></button>
<button type="button" class="du-btn pdf-tool" data-tool="comment" title="Lägg till en kommentar (pratbubbla) (K)"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><use href="assets/media/icons.svg?v=11#icon-comment"></use></svg><span>Kommentar</span></button>
<button type="button" class="du-btn pdf-tool" data-tool="link" title="Gör ett område klickbart – till en webbadress eller en sida (L)"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><use href="assets/media/icons.svg?v=11#icon-link"></use></svg><span>Länk</span></button>
<button type="button" class="du-btn pdf-tool" data-tool="redact" title="Dölj känsligt innehåll på riktigt (M)"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><use href="assets/media/icons.svg?v=11#icon-pixelate"></use></svg><span>Maskera</span></button>
<button type="button" class="du-btn pdf-tool" data-tool="crop" title="Beskär sidan (C)"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><use href="assets/media/icons.svg?v=11#icon-crop"></use></svg><span>Beskär</span></button>
    </div>
    </div>
    <div class="pdf-style">
    <div class="pdf-style-start">
      <button type="button" id="ocrBtn" class="du-btn" title="Känn igen text i skannade sidor så att den går att söka, kopiera och ändra (OCR)"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><use href="assets/media/icons.svg?v=11#icon-scan-text"></use></svg><span>Läs in text</span></button>
      <div class="pdf-more">
        <button type="button" id="moreBtn" class="du-btn" aria-haspopup="true" aria-expanded="false"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><use href="assets/media/icons.svg?v=11#icon-settings-sliders"></use></svg><span>Fler verktyg</span><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><use href="assets/media/icons.svg?v=11#icon-chevron-down"></use></svg></button>
        <div id="moreMenu" class="du-menu pdf-menu" role="menu" hidden>
          <p class="pdf-menu-head">Hela dokumentet</p>
<button type="button" role="menuitem" data-cmd="meta">Dokumentinfo (titel, författare)…</button>
<button type="button" role="menuitem" data-cmd="form">Formulär…</button>
<button type="button" role="menuitem" data-cmd="gray">Gråskala…</button>
<button type="button" role="menuitem" data-cmd="compare">Jämför med en annan PDF…</button>
<button type="button" role="menuitem" data-cmd="protect">Lösenordsskydd…</button>
<button type="button" role="menuitem" data-cmd="compress">Minska filstorlek…</button>
<button type="button" role="menuitem" data-cmd="headerfooter">Sidnummer, sidhuvud och sidfot…</button>
<button type="button" role="menuitem" data-cmd="replace">Sök och ersätt text…</button>
<button type="button" role="menuitem" data-cmd="watermark">Vattenmärke…</button>
<p class="pdf-menu-head">Sidor</p>
<button type="button" role="menuitem" data-cmd="cropall">Använd beskärningen på alla sidor</button>
<button type="button" role="menuitem" data-cmd="dup">Duplicera aktuell sida</button>
<button type="button" role="menuitem" data-cmd="reverse">Omvänd sidordning</button>
<button type="button" role="menuitem" data-cmd="rotateall">Rotera alla sidor</button>
<p class="pdf-menu-head">Spara som</p>
<button type="button" role="menuitem" data-cmd="text">All text (.txt)</button>
<button type="button" role="menuitem" data-cmd="split">Dela upp i flera PDF:er…</button>
<button type="button" role="menuitem" data-cmd="extract">Extrahera sidor till ny PDF…</button>
<button type="button" role="menuitem" data-cmd="images">Sidor som bilder (PNG/JPG)…</button>
</div>
      </div>
      <label class="pdf-color" title="Färg"><span class="sr-only">Färg</span><input type="color" id="toolColor" value="#141824"></label>
      <span class="pdf-sel pdf-sel-size"><select id="toolSize" aria-label="Storlek" class="du-select">
        <option value="8">8</option><option value="10">10</option><option value="12">12</option>
        <option value="14" selected>14</option><option value="18">18</option><option value="24">24</option><option value="32">32</option><option value="48">48</option>
      </select></span>
      <span id="fontCtl" class="pdf-fontctl" hidden>
        <span class="pdf-sel pdf-sel-font"><select id="fontSel" aria-label="Typsnitt" class="du-select"></select></span>
        <button type="button" id="fontBold" class="du-btn du-btn--icon pdf-fontbtn" aria-pressed="false" title="Fet" aria-label="Fet"><b>F</b></button>
        <button type="button" id="fontItalic" class="du-btn du-btn--icon pdf-fontbtn" aria-pressed="false" title="Kursiv" aria-label="Kursiv"><i>K</i></button>
      </span>
      <span id="shapeCtl" class="pdf-sel pdf-sel-shape" hidden><select id="shapeSel" aria-label="Form" class="du-select">
        <option value="rect">Rektangel</option><option value="ellipse">Ellips</option><option value="line">Linje</option><option value="arrow">Pil</option><option value="check">Bock ✓</option><option value="cross">Kryss ✗</option>
      </select></span>
      <span class="pdf-style-spacer"></span>
      <button type="button" id="deleteSelected" class="du-btn du-btn--icon" title="Ta bort markerat objekt (Delete)" aria-label="Ta bort markerat objekt" disabled><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><use href="assets/media/icons.svg?v=11#icon-remove"></use></svg></button>
      <span class="pdf-sel pdf-sel-zoom"><select id="zoom" aria-label="Zoom" class="du-select">
        <option value="fit" selected>Anpassa bredd</option>
        <option value="0.75">75 %</option>
        <option value="1">100 %</option>
        <option value="1.25">125 %</option>
        <option value="1.5">150 %</option>
      </select></span>
    </div>
  </div>
  </div>

  <section id="dropZone" class="pdf-drop du-card">
    <svg class="pdf-drop-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><use href="assets/media/icons.svg?v=11#icon-app-pdf"></use></svg>
    <h2>Släpp en PDF eller bild här</h2>
    <p class="pdf-drop-or">eller</p>
    <button type="button" id="dropPick" class="du-btn pdf-drop-pick"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><use href="assets/media/icons.svg?v=11#icon-upload"></use></svg><span>Välj en fil</span></button>
    <p class="pdf-privacy">Filen öppnas och sparas direkt i din webbläsare. Inget laddas upp till servern.</p>
  </section>

  <div id="workspace" class="pdf-workspace" hidden>
    <aside class="pdf-pages du-panel" aria-label="Sidor">
      <div class="pdf-pages-head">
        <strong>Sidor</strong>
        <span id="pageCount" class="pdf-muted"></span>
      </div>
      <div id="thumbs" class="pdf-thumbs"></div>
      <div class="pdf-pages-actions">
        <button type="button" id="addPdf" class="du-btn" title="Lägg till PDF eller bild (JPG/PNG) sist i dokumentet"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><use href="assets/media/icons.svg?v=11#icon-files"></use></svg><span>Lägg till fil</span></button>
        <button type="button" id="addBlank" class="du-btn"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><use href="assets/media/icons.svg?v=11#icon-page-add"></use></svg><span>Tom sida</span></button>
      </div>
    </aside>
    <div id="viewer" class="pdf-viewer" tabindex="-1"></div>
  </div>
  <section id="previewView" class="pdf-preview" hidden aria-label="Förhandsvisning">
    <div id="previewNote" class="pdf-preview-note du-card" role="status"></div>
    <div id="previewPages" class="pdf-viewer pdf-preview-pages"></div>
  </section>
  <section id="compareView" class="pdf-compare" hidden aria-label="Jämförelse" data-show="a">
    <div class="pdf-compare-bar du-card">
      <div id="cmpSum" class="pdf-compare-sum" role="status"></div>
      <div id="cmpNav" class="pdf-compare-nav">
        <button type="button" id="cmpPrev" class="du-btn du-btn--icon" title="Föregående skillnad" aria-label="Föregående skillnad"><svg class="pdf-flip" viewBox="0 0 24 24" aria-hidden="true" focusable="false"><use href="assets/media/icons.svg?v=11#icon-chevron-down"></use></svg></button>
        <span id="cmpPos" class="pdf-compare-pos"></span>
        <button type="button" id="cmpNext" class="du-btn du-btn--icon" title="Nästa skillnad" aria-label="Nästa skillnad"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><use href="assets/media/icons.svg?v=11#icon-chevron-down"></use></svg></button>
        <span id="cmpWhat" class="pdf-compare-what"></span>
      </div>
      <div class="du-segmented pdf-compare-mode" role="group" aria-label="Jämför">
        <button type="button" class="du-btn active" data-mode="text" aria-pressed="true">Text</button>
        <button type="button" class="du-btn" data-mode="visual" aria-pressed="false">Utseende</button>
      </div>
      <div class="du-segmented pdf-compare-side" role="group" aria-label="Visa">
        <button type="button" class="du-btn active" data-side="a" aria-pressed="true">Ditt dokument</button>
        <button type="button" class="du-btn" data-side="b" aria-pressed="false">Den andra filen</button>
      </div>
    </div>
    <div class="pdf-compare-cols">
      <div class="pdf-compare-col" data-col="a"><p class="pdf-compare-head"><span class="pdf-cmp-key del"></span>Ditt dokument</p><div id="cmpA" class="pdf-viewer pdf-compare-pages"></div></div>
      <div class="pdf-compare-col" data-col="b"><p class="pdf-compare-head"><span class="pdf-cmp-key ins"></span><span>Den andra filen</span> <span id="cmpNameB" class="pdf-muted" data-i18n-skip></span></p><div id="cmpB" class="pdf-viewer pdf-compare-pages"></div></div>
    </div>
  </section>
</main>

<input type="file" id="fileOpen" accept="application/pdf,.pdf,image/png,image/jpeg,.png,.jpg,.jpeg" hidden>
<input type="file" id="fileAdd" accept="application/pdf,.pdf,image/png,image/jpeg,.png,.jpg,.jpeg" multiple hidden>
<input type="file" id="fileCompare" accept="application/pdf,.pdf" hidden>
<input type="file" id="fileImage" accept="image/png,image/jpeg" hidden>
<dialog id="quotaDialog" class="du-dialog pdf-dialog" aria-labelledby="quotaDialogTitle">
  <button type="button" class="du-close" data-close aria-label="Stäng" title="Stäng"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><use href="assets/media/icons.svg?v=11#icon-close"></use></svg></button>
  <div class="pdf-dialog-body">
  <h2 id="quotaDialogTitle">Din gräns är nådd</h2>
  <p id="quotaDialogText"></p>
  <p class="pdf-countdown" aria-live="off"><span>Nya tillämpningar om</span> <strong data-countdown>60:00</strong></p>
  <p class="pdf-muted">Dina ändringar finns kvar här i fliken så länge du inte stänger den.</p>
  <div class="pdf-dialog-actions">
    <button type="button" class="du-btn" data-close>Vänta</button>
    <a id="quotaDialogUpgrade" class="du-btn du-btn--primary" href="#">Uppgradera – obegränsat antal</a>
  </div>
  </div>
</dialog>
<dialog id="toolDialog" class="du-dialog pdf-dialog pdf-tooldialog" aria-labelledby="toolDialogTitle">
  <button type="button" class="du-close" data-close aria-label="Stäng" title="Stäng"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><use href="assets/media/icons.svg?v=11#icon-close"></use></svg></button>
  <div class="pdf-dialog-body">
    <h2 id="toolDialogTitle"></h2>
    <div id="toolDialogBody" class="pdf-form"></div>
    <div class="pdf-dialog-actions">
      <button type="button" class="du-btn" data-close>Avbryt</button>
      <button type="button" id="toolDialogOk" class="du-btn du-btn--primary">OK</button>
    </div>
  </div>
</dialog>
<div id="pdfStatus" class="pdf-status" role="status" aria-live="polite" hidden></div>

<script src="assets/lib/pdf-lib.min.js?v=3"></script>
<script type="module" src="assets/js/pdf-app.js?v=31"></script>
</body>
</html>