.pe-bar{position: sticky;top: calc(var(--header-h) + 8px);z-index: 15;display: flex;flex-wrap: wrap;align-items: center;gap: 8px 12px;padding: 8px;background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius);box-shadow: var(--shadow,0 4px 14px rgba(0,0,0,0.08))}.pe-tools{display: flex;gap: 4px;overflow-x: auto;scrollbar-width: thin;max-width: 100%}.pe-tool{display: inline-flex;flex-direction: column;align-items: center;gap: 2px;min-width: 62px;padding: 6px 6px 4px;border: 1px solid transparent;border-radius: var(--radius-sm);background: none;color: var(--text-2);font: inherit;font-size: 0.72rem;cursor: pointer}.pe-tool svg{width: 20px;height: 20px}.pe-tool:hover{background: var(--surface-2);color: var(--text)}.pe-tool[aria-pressed="true"]{background: var(--brand-soft,var(--surface-2));border-color: var(--brand);color: var(--brand);font-weight: 600}.pe-opts{display: flex;gap: 6px}.pe-opts .select{width: auto;padding-block: 6px}.pe-actions{display: flex;gap: 8px;margin-left: auto}.pe-help{margin: 0}.pe-pages{display: grid;gap: 18px;justify-items: center}.pe-page{position: relative;width: 100%;max-width: 860px;background: #fff;box-shadow: 0 2px 10px rgba(0,0,0,0.12),0 0 0 1px var(--border);border-radius: 4px;overflow: hidden;--s: 1}.pe-canvas{position: absolute;inset: 0;width: 100%;height: 100%}.pe-layer{position: absolute;inset: 0;touch-action: pan-y}.pe-pages:not([data-tool="select"]) .pe-layer{cursor: crosshair;touch-action: none}.pe-pages[data-tool="text"] .pe-layer{cursor: text}.pe-pnum{position: absolute;right: 8px;bottom: 6px;padding: 1px 8px;border-radius: 999px;background: rgba(0,0,0,0.55);color: #fff;font-size: 0.72rem;pointer-events: none}.pe-live{position: absolute;inset: 0;width: 100%;height: 100%;pointer-events: none}.pe-el{position: absolute;box-sizing: border-box;touch-action: none}.pe-el:not(.pe-text){cursor: move}.pe-el.is-sel{outline: 1.5px dashed var(--brand);outline-offset: 2px}.pe-text{line-height: 1.25;min-width: 1em}.pe-txt{font-family: Arial,"Liberation Sans",Helvetica,sans-serif;font-size: calc(var(--s) * var(--fs,12) * 1px);line-height: 1.25;white-space: pre;outline: none;cursor: text;min-width: 0.5em;caret-color: currentColor}.pe-txt:empty::before{content: "Digite aqui";color: #9ca3af}.pe-img img{display: block;width: 100%;height: 100%;object-fit: fill;pointer-events: none;user-select: none}.pe-mark svg,.pe-ink svg{display: block;width: 100%;height: 100%;overflow: visible;pointer-events: none}.pe-highlight{background: rgba(255,230,50,0.45);mix-blend-mode: multiply}.pe-cover{background: #fff}.pe-cover.is-sel{box-shadow: inset 0 0 0 1px rgba(0,0,0,0.15)}.pe-del,.pe-grip,.pe-move{display: none;position: absolute;z-index: 2}.pe-el.is-sel .pe-del,.pe-el.is-sel .pe-grip,.pe-el.is-sel .pe-move{display: grid}.pe-del{top: -12px;right: -12px;width: 24px;height: 24px;place-items: center;padding: 0;border: 0;border-radius: 50%;background: var(--danger,#dc2626);color: #fff;cursor: pointer}.pe-del svg{width: 14px;height: 14px}.pe-grip{right: -7px;bottom: -7px;width: 14px;height: 14px;border-radius: 3px;background: var(--brand);border: 2px solid #fff;cursor: nwse-resize}.pe-move{top: -12px;left: -26px;width: 24px;height: 24px;place-items: center;border-radius: 50%;background: var(--brand);color: #fff;cursor: move}.pe-move svg{width: 14px;height: 14px}.pe-sign-pad{width: 100%;height: auto;aspect-ratio: 3 / 1;background: #fff;border: 1px dashed var(--border-strong,var(--border));border-radius: var(--radius);touch-action: none;cursor: crosshair}@container (max-width: 560px){.pe-bar{gap: 6px;padding: 6px}.pe-tool{min-width: 52px;font-size: 0.68rem;padding: 4px 4px 3px}.pe-tool svg{width: 18px;height: 18px}.pe-opts .select{padding: 4px 26px 4px 8px;font-size: 0.85rem}.pe-actions{gap: 4px}.pe-actions .btn{padding-inline: 10px}.pe-lbl,.pe-help{display: none}}