.pdf-ux-demo{text-align:center;margin:16px 0}.pdf-ux-demo p,.pdf-ux-caption{color:var(--text-muted);margin:8px 0;font-size:13px;line-height:1.6}.pdf-ux-button,.pdf-ux-presets button{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--text);font:inherit;cursor:pointer;border-radius:8px;padding:10px 14px;font-size:14px}.pdf-ux-button:hover,.pdf-ux-presets button:hover{border-color:var(--tool-accent)}.pdf-ux-button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.pdf-ux-presets button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.pdf-ux-position:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.pdf-ux-button:disabled,.pdf-ux-presets button:disabled{opacity:.5;cursor:not-allowed}.pdf-ux-presets{flex-wrap:wrap;gap:8px;margin:8px 0 16px;display:flex}.pdf-ux-presets button[aria-pressed=true]{border-color:var(--tool-accent);background:var(--tool-light,var(--surface-soft));box-shadow:inset 0 0 0 1px var(--tool-accent)}.pdf-ux-summary{border-left:3px solid var(--tool-accent);background:var(--surface-soft);color:var(--text);overflow-wrap:anywhere;border-radius:0 8px 8px 0;margin:16px 0;padding:14px 16px;font-size:14px;line-height:1.6}.pdf-ux-summary strong{display:block}.pdf-ux-order{width:32px;height:36px;color:var(--tool-accent);flex-shrink:0;justify-content:center;align-items:center;font-family:Space Grotesk,sans-serif;font-weight:600;display:inline-flex}.pdf-ux-file{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.pdf-ux-thumbnail{object-fit:contain;border:1px solid var(--line);background:var(--surface-soft);border-radius:4px;flex-shrink:0;width:48px;height:64px}.pdf-ux-sample{border:1px solid var(--line);background:var(--surface-soft);border-radius:12px;place-items:center;min-height:200px;padding:24px;display:grid;overflow:hidden}.pdf-ux-sample span{overflow-wrap:anywhere;text-align:center;max-width:100%}.pdf-ux-number-preview{justify-content:space-between;gap:16px;font-family:Space Grotesk,sans-serif;font-size:20px;display:flex}.pdf-ux-details{border-top:1px solid var(--line);padding-top:12px}.pdf-ux-details summary{cursor:pointer;min-height:44px;font-size:14px;font-weight:600}.pdf-ux-details[open] summary{margin-bottom:12px}.pdf-ux-position{cursor:crosshair;padding:0;display:block}.pdf-ux-position .document-signature-guide{pointer-events:none}.pdf-ux-ready{color:var(--text-muted);margin:12px 0;font-size:14px}@media (max-width:600px){.pdf-ux-presets button{flex:auto}.pdf-ux-number-preview{font-size:16px}}.pdf-ux-result-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pdf-ux-signature-placeholder{border:2px dashed var(--tool-accent);color:var(--tool-accent);background:var(--surface-soft);pointer-events:none;place-items:center;font-size:12px;display:grid;position:absolute}.pdf-level-picker{border:0;min-width:0;margin:0;padding:0}.pdf-level-picker input[type=radio]{width:18px;height:18px;accent-color:var(--tool-accent);flex-shrink:0}.pdf-level-picker input:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.pdf-level-picker{gap:9px;display:grid}
