.example-pdf{margin-bottom:20px}.example-pdf .example-header{display:flex;gap:12px;align-items:center;margin-top:10px;flex-wrap:wrap}.example-pdf .example-text{display:flex;flex-direction:row;gap:4px;align-items:center}@media(min-width:640px){.example-pdf .example-text{flex-direction:column;gap:2px;align-items:flex-start}}.example-pdf .example-text .example-hint,.example-pdf .example-text .example-label{font-weight:600;color:#6b7280;font-size:14px}.example-pdf .example-grid{display:flex;gap:8px}.example-pdf .example-button{position:relative;width:48px;height:48px;border-radius:16px;border:2px solid #e5e7eb;background:#f9fafb;padding:0;cursor:pointer;transition:all .15s ease;overflow:hidden;display:flex;align-items:center;justify-content:center}@media(min-width:640px){.example-pdf .example-button{width:56px;height:56px}}.example-pdf .example-button:hover:not(.disabled){border-color:#ef4444;background:#fef2f2;transform:scale(1.05)}.example-pdf .example-button:active:not(.disabled){transform:scale(1.02);opacity:.8}.example-pdf .example-button.disabled{opacity:.5;cursor:not-allowed}.example-pdf .example-button:focus-visible{outline:2px solid #ef4444;outline-offset:2px}.example-pdf .example-button.selected{border-color:#41907c;border-width:3px;background:#f0fdf4}.example-pdf .example-pdf-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ef4444}.example-pdf .selected-badge{position:absolute;top:2px;right:2px;width:20px;height:20px;background:#41907c;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.example-pdf .confirm-button{padding:8px 16px;background:#41907c;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.example-pdf .confirm-button:hover:not(:disabled){background:#357a66;transform:translateY(-1px)}.example-pdf .confirm-button:disabled{opacity:.5;cursor:not-allowed}.example-pdf .loading-overlay{position:absolute;inset:0;background:rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center}.example-pdf .loading-overlay .spinner{width:20px;height:20px;border:2px solid #e5e7eb;border-top-color:#41907c;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}