/* pdftoolsbase shared tools CSS: tool workspaces, panels, previews, result areas, grids/cards. */

.workspace{background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:2rem;margin:0 auto 2rem;max-width:820px;box-shadow:0 1px 0 var(--line-soft)}

.output{margin-top:1.5rem;padding:1.5rem;background:var(--paper-warm);border:1px solid var(--line-soft);border-radius:3px}

.output-status{font-family:var(--mono);font-size:0.78rem;color:var(--green);letter-spacing:0.05em;text-transform:uppercase;margin-bottom:0.75rem}

.output-info{font-family:var(--mono);font-size:0.85rem;color:var(--muted);margin-bottom:1rem}

.output-preview{max-width:100%;border:1px solid var(--line);margin:0.75rem 0}

.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:0.75rem;margin:1rem 0}

.preview-grid canvas,.preview-grid img{width:100%;height:auto;border:1px solid var(--line);background:white}

.card{margin-top:28px;padding:20px 22px;border:1px solid #ececec;border-radius:12px;background:#fafafa}

/* Pass 4 tool layout safety */
.workspace,.panel,.output,.preview-grid,.grid,.card,main.tool,main.xform{min-width:0}
pre,code,.out,.io pre{max-width:100%;overflow-wrap:anywhere}
@media (max-width:640px){.workspace{padding:1.25rem}.preview-grid{grid-template-columns:1fr}}