/* ============================================================
   SNLE · Paper Notes + Annotate
   Handwriting / highlighting overlay that lives OUTSIDE the app's
   React tree (re-renders can't wipe it).  Tools: Pencil, Pen,
   Highlighter, Eraser + blue/red/green colours.
   ============================================================ */
:root{
  --pn-ink:#1b2b34;
  --pn-paper:#fffdf7;
  --pn-rule:#cfe0ea;
  --pn-margin:#e2867a;
  --pn-shadow:rgba(20,24,26,.28);
  --pn-bar:var(--core-ink,#14181A);
  --pn-bar-ink:var(--core-paper,#F7F4ED);
  --pn-accent:var(--core-primary,#8467C4);
}

/* ---------- Floating "Paper Notes" button ---------- */
.pn-fab{
  position:fixed; z-index:2147482000; right:16px; bottom:88px;
  display:none; align-items:center; justify-content:center; gap:8px; width:150px; padding:12px 16px;
  border:none; border-radius:999px; background:var(--pn-accent); color:var(--pn-paper);
  font:700 14px/1 'Space Grotesk',-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  box-shadow:0 6px 18px rgba(14,124,111,.4); cursor:pointer;
  -webkit-tap-highlight-color:transparent; transition:transform .15s ease;
}
.pn-fab.pn-show{ display:inline-flex; animation:pn-pop .25s ease both; }
.pn-fab:active{ transform:translateY(1px) scale(.98); }
.pn-fab svg{ width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:2; }
@keyframes pn-pop{ from{opacity:0; transform:translateY(8px) scale(.96)} to{opacity:1; transform:none} }

/* ---------- Overlay + toolbar (Paper Notes) ---------- */
.pn-overlay{ position:fixed; inset:0; z-index:2147483000; display:flex; flex-direction:column;
  background:var(--pn-bar);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:var(--pn-ink);
  -webkit-user-select:none; user-select:none; touch-action:none; }
.pn-overlay[hidden]{ display:none; }

.pn-toolbar{ flex:0 0 auto; display:flex; align-items:center; gap:6px; flex-wrap:wrap;
  padding:9px 12px; padding-top:calc(9px + env(safe-area-inset-top,0));
  background:var(--pn-paper); color:var(--pn-ink); border-bottom:2px solid var(--pn-bar); box-shadow:0 4px 0 rgba(20,24,26,.22); }
.pn-title{ font-weight:700; font-size:14px; margin-inline-end:auto; max-width:34vw;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; opacity:.92; }
.pn-group{ display:flex; align-items:center; gap:4px; padding-inline:4px;
  border-inline-start:1.5px solid rgba(20,24,26,.16); }
.pn-group:first-of-type{ border:none; }

.pn-btn{ appearance:none; border:none; cursor:pointer; min-width:38px; height:38px; padding:0 9px;
  display:inline-flex; align-items:center; justify-content:center; gap:6px; border-radius:10px;
  background:rgba(14,124,111,.08); color:var(--pn-ink); border:1.5px solid rgba(20,24,26,.24); font:650 13px/1 inherit;
  box-shadow:1px 2px 0 rgba(20,24,26,.18); -webkit-tap-highlight-color:transparent; transition:background .12s ease, transform .1s ease, box-shadow .1s ease; }
.pn-btn svg{ width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.9; }
.pn-btn:hover{ background:rgba(14,124,111,.15); }
.pn-btn:active{ transform:translateY(1px); box-shadow:none; }
.pn-btn[aria-pressed="true"]{ background:var(--pn-accent); color:var(--pn-paper); border-color:var(--pn-bar); box-shadow:2px 3px 0 var(--pn-bar); }
.pn-btn:disabled{ opacity:.35; cursor:default; }
.pn-btn.pn-danger[aria-pressed="true"]{ background:#c0472e; }

.pn-swatch{ width:26px; height:26px; min-width:26px; padding:0; border-radius:50%;
  border:2px solid var(--pn-paper); background:var(--c); box-shadow:0 0 0 1.5px var(--pn-bar); }
.pn-swatch[aria-pressed="true"]{ border-color:var(--pn-paper); box-shadow:0 0 0 3px var(--pn-accent); }
.pn-size{ width:34px; }
.pn-size .dot{ display:block; border-radius:50%; background:currentColor; }
.pn-close{ background:rgba(199,82,31,.12); }

/* ---------- Scroll + sheet ---------- */
.pn-scroll{ flex:1 1 auto; overflow:auto; -webkit-overflow-scrolling:touch;
  padding:26px 14px 80px; display:flex; align-items:flex-start; justify-content:center; touch-action:pan-y; }
.pn-scroll.pn-finger{ touch-action:none; }

.pn-sheet{
  position:relative; align-self:flex-start; width:min(820px,100%); min-height:calc(100% - 2px);
  box-sizing:border-box;
  background-color:var(--pn-paper);
  background-image:
    repeating-linear-gradient(to bottom, transparent 0 33px, var(--pn-rule) 33px 34px),
    linear-gradient(var(--pn-margin), var(--pn-margin)),
    radial-gradient(circle at 25% 20%, rgba(20,24,26,.05) 0 .7px, transparent .9px);
  background-repeat:repeat, no-repeat, repeat;
  background-size:100% 34px, 2px 100%, 10px 10px;
  background-position:0 8px, 52px 0, 0 0;
  border:2px solid var(--pn-bar); border-radius:12px; box-shadow:8px 10px 0 rgba(20,24,26,.34), 0 24px 60px var(--pn-shadow);
  padding:18px 30px 60px 66px;
}
.pn-sheet.pn-blank .pn-content{ display:none; }
.pn-sheet::before{ content:""; position:absolute; top:0; bottom:0; left:22px; width:14px;
  background-image:radial-gradient(circle, #d8d3c7 42%, transparent 46%);
  background-size:14px 120px; background-repeat:repeat-y; background-position:0 40px;
  pointer-events:none; opacity:.7; }

.pn-content{ position:relative; z-index:1; line-height:34px; color:var(--pn-ink); }
.pn-content .pn-doc-title{ font-family:"Georgia","Times New Roman",serif; font-size:26px; line-height:34px; font-weight:700; margin:0 0 2px; color:#16323b; }
.pn-content .pn-kicker{ font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:#7a8a92; margin:0 0 12px; line-height:34px; }
.pn-content h3{ font-family:"Georgia",serif; font-size:19px; line-height:34px; margin:18px 0 0; color:var(--pn-accent); font-weight:700; }
.pn-content h4{ font-size:15px; line-height:34px; margin:12px 0 0; color:#324a52; font-weight:700; }
.pn-content p{ margin:0; font-size:16px; line-height:34px; }
.pn-content ul{ margin:0; padding-inline-start:22px; }
.pn-content li{ font-size:16px; line-height:34px; }
.pn-content b,.pn-content strong{ color:#123; }
.pn-content img{ max-width:100%; height:auto; border-radius:8px; margin:8px 0; display:block; }
.pn-content .pn-eyebrow{ font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:#8b96a0; line-height:34px; margin-top:8px; }
.pn-empty{ color:#8b96a0; font-style:italic; line-height:34px; }

.pn-paint{ position:fixed; left:0; right:0; top:0; bottom:0; z-index:6; width:100%;
  pointer-events:none;   /* drawing handled on .pn-scroll; finger scrolls freely */ }
.pn-scroll{ cursor:crosshair; }
/* embedded lesson visuals (images + inline SVG diagrams) on the sheet */
.pn-content .pn-visual{ position:relative; z-index:1; margin:10px 0; padding:8px 10px;
  background:#fff; border:1px solid #e6ddca; border-radius:10px; box-shadow:0 1px 2px rgba(0,0,0,.06); line-height:normal; }
.pn-content .pn-visual img,.pn-content .pn-visual svg{ display:block; max-width:100%; height:auto; margin:0 auto; }
.pn-content .pn-visual h3{ font-family:inherit; color:#16323b; font-size:15px; line-height:1.3; margin:2px 0 6px; }
.pn-content .pn-visual p{ line-height:1.4; font-size:13px; color:#42555d; }
.pn-content .pn-visual .sig-visual-kicker,.pn-content .pn-visual .f2-k{ font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:#8b96a0; }

/* ---------- Hint toast ---------- */
.pn-hint{ position:fixed; left:50%; transform:translateX(-50%);
  bottom:calc(78px + env(safe-area-inset-bottom,0)); background:rgba(20,24,26,.86); color:#fff;
  z-index:2147483600; padding:8px 14px; border-radius:999px; font-size:12.5px;
  box-shadow:0 4px 14px rgba(0,0,0,.3); pointer-events:none; opacity:0; transition:opacity .3s ease; }
.pn-hint.pn-show{ opacity:1; }

@media (max-width:720px){
  .pn-btn .pn-lbl{ display:none; }
  .pn-toolbar{gap:4px;padding:7px 6px;padding-top:calc(7px + env(safe-area-inset-top,0))}
  .pn-title{ display:none; }
  .pn-group{gap:3px;padding-inline:2px}
  .pn-fab{right:12px;bottom:92px;width:48px;height:48px;padding:0;justify-content:center;gap:0;border:2px solid var(--core-ink,#14181A);box-shadow:3px 4px 0 var(--core-ink,#14181A)}
  .pn-fab span{display:none}
  .pn-fab svg{width:22px;height:22px}
  .pn-cardctl{top:6px;inset-inline-end:6px;gap:5px}
  .pn-cardbtn{width:34px!important;min-width:34px!important;height:34px!important;padding:0!important;justify-content:center}
  .pn-cardbtn span{display:none}
  .quiz-card .pn-cardbtn{width:auto!important;min-width:76px!important;height:31px!important;padding:0 9px!important;justify-content:center;font-size:10px}
  .quiz-card .pn-cardbtn span{display:inline}
  .pn-sheet{padding:16px 18px 54px 52px;background-position:0 8px,40px 0,0 0}
  .pn-sheet::before{left:13px}
}

/* ============================================================
   ANNOTATE — draw directly on questions & lesson sections
   ============================================================ */
.pn-ann-canvas{ position:absolute; inset:0; z-index:5; width:100%; height:100%;
  pointer-events:none; touch-action:none; will-change:contents; -webkit-user-select:none; user-select:none; }
.pn-pencil-ready{ -webkit-touch-callout:none; }
.quiz-card.pn-pencil-ready{ touch-action:none!important; }
.pn-pencil-ready button,.pn-pencil-ready summary{ touch-action:manipulation; }
.pn-pencil-writing{ cursor:crosshair; }
.pn-drawing .pn-ann-canvas{ cursor:crosshair; }

/* stacked corner controls: [Write] over [Show/Hide] */
.pn-cardctl{ position:absolute; z-index:6; top:8px; inset-inline-end:8px;
  display:flex; flex-direction:column; gap:6px; align-items:flex-end; }
.pn-cardbtn{ display:inline-flex; align-items:center; justify-content:center; gap:6px; cursor:pointer;
  min-width:82px; height:32px; padding:0 11px; border-radius:999px;
  font:700 12px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-tap-highlight-color:transparent; white-space:nowrap; }
.pn-cardbtn svg{ width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.9; }
.pn-write{ background:var(--pn-accent); color:var(--pn-paper); border:1.8px solid var(--pn-bar); box-shadow:2px 3px 0 var(--pn-bar); }
.pn-write[aria-pressed="true"]{ transform:translateY(1px); box-shadow:1px 1px 0 var(--pn-bar); }
.pn-toggle{ background:var(--pn-paper); color:var(--pn-ink); border:1.8px solid var(--pn-bar); box-shadow:2px 3px 0 var(--pn-bar); }
.pn-toggle svg{ stroke-width:1.7; }

.pn-drawing{ outline:3px solid rgba(14,124,111,.38); outline-offset:3px; }
.v14-recall-player.pn-has-ink-controls{ padding-top:86px!important; }
.quiz-card.pn-has-ink-controls{padding-top:23px!important;overflow:visible!important}
.quiz-card.pn-has-ink-controls>.quiz-kicker,.quiz-card.pn-has-ink-controls>h2{max-width:calc(100% - 102px)}
.pn-paper{background:#FDF5E7;color:#8A6320;border:1.8px solid var(--pn-bar);box-shadow:2px 3px 0 var(--pn-bar)}
.pn-extra-paper-stack{display:none;position:relative;z-index:1;margin:20px 0 4px -12px}
.pn-extra-paper-stack.pn-show{display:flex;flex-direction:column;gap:18px}
.pn-extra-paper{display:block;position:relative;z-index:1;min-height:310px;padding:30px 20px 66px 42px;border:2px dashed #C9BCA2;border-radius:16px;background-color:#FFFDF8;background-image:repeating-linear-gradient(to bottom,transparent 0 31px,#D7E5ED 31px 32px),linear-gradient(#E9A59B,#E9A59B);background-repeat:repeat,no-repeat;background-size:100% 32px,2px 100%;background-position:0 8px,28px 0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.75),0 5px 0 rgba(235,217,187,.45)}
.pn-extra-paper-label{position:absolute;top:8px;right:12px;font:800 9px/1 'Space Grotesk',system-ui,sans-serif;letter-spacing:.14em;color:#A487DE}
.pn-add-paper{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:190px;min-height:38px;padding:0 16px;border:2px solid var(--pn-bar);border-radius:999px;background:#F3EEFC;color:#6E4CC5;font:800 12px/1 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;box-shadow:2px 3px 0 var(--pn-bar);cursor:pointer;z-index:8}
.pn-add-paper svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9}.pn-add-paper:active{transform:translateX(-50%) translateY(1px);box-shadow:1px 1px 0 var(--pn-bar)}


/* shared floating tool bar (bottom) — controls the active card */
.pn-annbar{ position:fixed; z-index:2147483200; left:50%; transform:translateX(-50%);
  bottom:calc(16px + env(safe-area-inset-bottom,0)); display:none; align-items:center; gap:6px;
  flex-wrap:wrap; justify-content:center; max-width:calc(100vw - 24px);
  padding:8px 10px; border:2px solid var(--pn-bar); border-radius:18px; background:var(--pn-paper);
  box-shadow:5px 6px 0 var(--pn-bar),0 14px 34px rgba(0,0,0,.25); }
.pn-annbar.pn-show{ display:flex; }
.pn-annbar .pn-btn{ height:40px; min-width:40px; }
.pn-annbar .pn-sep{ width:1.5px; height:26px; background:rgba(20,24,26,.18); margin:0 2px; }
.pn-annbar .pn-swatch{ width:26px; height:26px; min-width:26px; }
.pn-anndone{ background:var(--pn-accent) !important; color:var(--pn-paper) !important; padding:0 14px !important; }

@media print{ .pn-fab,.pn-cardctl,.pn-annbar,.pn-hint{ display:none !important; } }

/* Pen tools never disable question navigation: Pencil writes while a finger taps. */
.pn-annotating .quiz-nav-panel{display:block!important;margin-bottom:96px!important}


/* ============================================================
   QUIZ QUESTION TOOL TABS — lesson-binder style
   Keep controls outside the writing surface so they never cover the stem.
   ============================================================ */
.quiz-card.pn-has-ink-controls{
  padding-top:23px!important;
  overflow:visible!important;
  margin-right:46px!important;
}
.quiz-card.pn-has-ink-controls>.quiz-kicker,
.quiz-card.pn-has-ink-controls>h2{
  max-width:100%!important;
  padding-right:0!important;
}
.quiz-card .pn-cardctl{
  position:absolute!important;
  z-index:18!important;
  top:30px!important;
  right:-46px!important;
  inset-inline-end:auto!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:7px!important;
  width:46px!important;
}
.quiz-card .pn-cardbtn,
.quiz-card .pn-page-tab{
  width:46px!important;
  min-width:46px!important;
  height:82px!important;
  padding:0!important;
  border:2.5px solid #17140F!important;
  border-left-width:2.5px!important;
  border-radius:0 14px 14px 0!important;
  box-shadow:5px 5px 0 #17140F!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  writing-mode:vertical-rl!important;
  text-orientation:mixed!important;
  text-transform:uppercase!important;
  font:800 9px/1 'Space Grotesk',system-ui,sans-serif!important;
  letter-spacing:.06em!important;
  white-space:nowrap!important;
  transform:none!important;
}
.quiz-card .pn-cardbtn span{display:inline!important}
.quiz-card .pn-cardbtn svg{display:none!important}
.quiz-card .pn-write{background:#A487DE!important;color:#FFFCF7!important}
.quiz-card .pn-toggle{background:#FFFDF8!important;color:#17140F!important}
.quiz-card .pn-paper{background:#FBE9C6!important;color:#8A6320!important}
.quiz-card .pn-page-tab{
  height:58px!important;
  background:#F3EEFC!important;
  color:#6E4CC5!important;
  cursor:pointer!important;
}
.quiz-card .pn-page-tab.is-active{background:#CBB6F2!important;color:#17140F!important}
.quiz-card .pn-cardbtn:active,.quiz-card .pn-page-tab:active{transform:translateX(1px)!important;box-shadow:3px 3px 0 #17140F!important}
.quiz-card .pn-extra-paper-stack{margin-right:0!important}

@media(max-width:520px){
  .quiz-card.pn-has-ink-controls{margin-right:42px!important}
  .quiz-card .pn-cardctl{right:-42px!important;width:42px!important;top:28px!important;gap:6px!important}
  .quiz-card .pn-cardbtn,.quiz-card .pn-page-tab{width:42px!important;min-width:42px!important;height:76px!important;font-size:8px!important}
  .quiz-card .pn-page-tab{height:52px!important}
}


/* ============================================================
   QUIZ TOOLS — COMPACT, IN-FLOW, NON-OVERLAPPING
   ============================================================ */
.quiz-card.pn-has-ink-controls{margin-right:0!important;padding-top:19px!important}
.quiz-card .pn-cardctl{position:relative!important;z-index:18!important;top:auto!important;right:auto!important;inset-inline-end:auto!important;width:100%!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;margin:0 0 8px!important;pointer-events:auto!important}
.quiz-card .pn-cardbtn{width:36px!important;min-width:36px!important;height:34px!important;padding:0!important;border:2.5px solid #17140F!important;border-radius:12px!important;box-shadow:2px 2px 0 #17140F!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important;text-transform:none!important;font:800 18px/1 'Space Grotesk',system-ui,sans-serif!important;letter-spacing:0!important;transform:none!important}
.quiz-card .pn-cardbtn span{display:none!important}.quiz-card .pn-cardbtn svg{display:block!important;width:15px!important;height:15px!important}
.quiz-card .pn-write{background:#A487DE!important;color:#fff!important}.quiz-card .pn-write[aria-pressed="true"]{background:#6E4CC5!important;transform:translateY(1px)!important;box-shadow:1px 1px 0 #17140F!important}
.quiz-card .pn-toggle{display:none!important}.quiz-card .pn-paper{background:#FBE9C6!important;color:#8A6320!important}.quiz-card .pn-paper span{display:block!important;font-size:20px!important;line-height:1!important}
.quiz-card .pn-page-tab{display:none!important}.quiz-card .pn-extra-paper-stack{width:100%!important;max-width:100%!important;margin:18px 0 0!important}.quiz-card .pn-extra-paper{width:100%!important;max-width:100%!important;min-height:250px!important;padding:28px 16px 58px 38px!important;background-position:0 8px,26px 0!important}
.pn-paper-footer{position:absolute;left:50%;bottom:11px;transform:translateX(-50%);width:calc(100% - 28px);display:flex;align-items:center;justify-content:center;gap:8px;z-index:8}
.pn-paper-footer .pn-add-notebook{position:static!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-width:0!important;height:34px!important;min-height:34px!important;padding:0 11px!important;border:2px solid #17140F!important;border-radius:12px!important;background:#E8F7EF!important;color:#216C52!important;box-shadow:2px 2px 0 #17140F!important;font:800 10px/1 'Space Grotesk',system-ui,sans-serif!important;white-space:nowrap!important;cursor:pointer!important;touch-action:manipulation!important}
.pn-paper-footer .pn-add-notebook svg{width:14px!important;height:14px!important;fill:none!important;stroke:currentColor!important;stroke-width:2.2!important}.pn-paper-footer .pn-add-notebook.is-saved{background:#4FAE86!important;color:#fff!important}
.pn-paper-footer .pn-add-paper,.pn-paper-footer .pn-paper-pen{position:static!important;left:auto!important;bottom:auto!important;transform:none!important;width:38px!important;min-width:38px!important;height:34px!important;min-height:34px!important;padding:0!important;border:2px solid #17140F!important;border-radius:12px!important;background:#F3EEFC!important;color:#6E4CC5!important;box-shadow:2px 2px 0 #17140F!important;display:grid!important;place-items:center!important;cursor:pointer!important}
.pn-paper-footer .pn-add-paper span{font:800 20px/1 'Space Grotesk',system-ui,sans-serif!important}.pn-paper-footer .pn-paper-pen svg{width:15px!important;height:15px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important}.pn-paper-footer .pn-paper-pen.is-active{background:#A487DE!important;color:#fff!important}
@media(max-width:520px){.quiz-card .pn-cardctl{gap:6px!important}.quiz-card .pn-cardbtn{width:34px!important;min-width:34px!important;height:32px!important}.quiz-card .pn-extra-paper{min-height:235px!important;padding-left:34px!important}.pn-paper-footer{width:calc(100% - 16px);gap:5px}.pn-paper-footer .pn-add-notebook{height:32px!important;min-height:32px!important;padding:0 8px!important;font-size:9px!important}.pn-paper-footer .pn-add-paper,.pn-paper-footer .pn-paper-pen{width:34px!important;min-width:34px!important;height:32px!important;min-height:32px!important}}

/* v37: one continuous question-note sheet; the + control extends this sheet. */
.quiz-card .pn-extra-paper-stack.pn-show{display:block!important}
.quiz-card .pn-continuous-paper{min-height:var(--pn-note-height,300px)!important;margin:0!important;border:2.5px dashed #b9a985!important;border-radius:17px!important;background-color:#fffdf8!important;background-image:repeating-linear-gradient(to bottom,transparent 0 31px,#cfe1ec 31px 32px),linear-gradient(#ef9b92,#ef9b92)!important;background-repeat:repeat,no-repeat!important;background-size:100% 32px,2px 100%!important;background-position:0 8px,27px 0!important;box-shadow:0 5px 0 #eadcc4!important;transition:min-height .24s ease!important}
.quiz-card .pn-continuous-paper .pn-extra-paper-label{top:9px;right:13px;padding:4px 7px;border-radius:6px;background:#eee7fb;color:#6843b5;font-size:9px;letter-spacing:.12em}
.quiz-card .pn-continuous-paper .pn-paper-footer{bottom:13px}
@media(max-width:520px){.quiz-card .pn-continuous-paper{min-height:var(--pn-note-height,300px)!important;padding-left:36px!important;background-position:0 8px,25px 0!important}}

/* v44: Apple Pencil and tablet controls keep a full 44px touch target. */
.pn-btn,.pn-annbar .pn-btn{min-width:44px!important;height:44px!important;touch-action:manipulation!important}
.pn-swatch,.pn-annbar .pn-swatch{width:34px!important;height:34px!important;min-width:34px!important}
.pn-paper-footer .pn-add-notebook{height:44px!important;min-height:44px!important;padding-inline:13px!important;font-size:10px!important}
.pn-paper-footer .pn-add-paper,.pn-paper-footer .pn-paper-pen{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}
.pn-add-paper{min-height:44px}