.tool-showcase{--tool-paper: var(--surface-card);--tool-ink: var(--text-strong);--tool-accent: var(--primary);--tool-accent-soft: var(--accent-soft);--tool-pdf: #d0412e;--tool-success: #3d8a5a;--tool-warning: #c26a2b;display:grid;gap:20px;margin:32px 0;padding:24px;border-radius:20px;background:var(--surface-low)}.tool-showcase-title{margin:4px 0;text-align:center;font:700 clamp(22px,3vw,30px)/1.2 var(--font-display);letter-spacing:-.02em;color:var(--text-strong)}.tool-group{display:grid;gap:16px;padding:20px;border:1px solid var(--outline-soft);border-radius:16px;background:var(--surface-card)}.tool-group-header{display:flex;align-items:flex-start;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--outline-soft)}.tool-group-icon{display:inline-grid;place-items:center;flex:none;width:40px;height:40px;border-radius:10px;background:var(--tool-accent-soft);color:var(--tool-accent);font-size:22px}.tool-group h3{margin:0;font-size:18px;color:var(--text-strong)}.tool-group-summary{color:var(--text-muted);font-size:15px}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:16px;margin:0;padding:0;list-style:none}.tool-card{display:flex;flex-direction:column;padding:18px 0 0;border:1px solid var(--outline-soft);border-radius:12px;background:var(--surface-card);text-align:center}.tool-card h4{margin:0 12px;font-size:16px;font-weight:600;color:var(--text-strong)}.tool-card-art{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:calc(100% - 40px);margin:10px auto 14px;aspect-ratio:16 / 9;border-radius:8px;background:var(--surface-low)}.tool-card p{margin:0 16px 16px;color:var(--text-muted);font-size:14px;line-height:1.45}.tool-card .toolArt{width:86%;height:86%;overflow:visible}.tool-card .toolArtPaper{fill:var(--tool-paper);stroke:var(--tool-ink);stroke-width:2.2}.tool-card .toolArtInk{stroke:var(--tool-ink);stroke-width:2.2;stroke-linecap:round}.tool-card .toolArtBadge--pdf{fill:var(--tool-pdf)}.tool-card .toolArtBadge--accent{fill:var(--tool-accent)}.tool-card .toolArtBadgeText,.tool-card .toolArtOnDiscText{fill:#fff;font:700 8px/1 var(--font-body, sans-serif)}.tool-card .toolArtArrow{fill:none;stroke:var(--tool-ink);stroke-width:2;stroke-linecap:round;opacity:.75}.tool-card .toolArtArrowThin{fill:none;stroke:var(--tool-ink);stroke-width:1.4;opacity:.6}.tool-card .toolArtArrowHead{fill:var(--tool-ink)}.tool-card .toolArtAccentFill,.tool-card .toolArtDisc--accent{fill:var(--tool-accent)}.tool-card .toolArtSun{fill:var(--tool-warning)}.tool-card .toolArtHill,.tool-card .toolArtDisc--success{fill:var(--tool-success)}.tool-card .toolArtShackle{fill:none;stroke:var(--tool-ink);stroke-width:3;stroke-linecap:round}.tool-card .toolArtKeyhole{fill:var(--tool-paper)}.tool-card .toolArtOnDisc{fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.tool-card .toolArtOnDiscFill{fill:#fff}.tool-card .toolArtHighlight{fill:var(--tool-accent-soft)}.tool-card .toolArtLens{fill:var(--tool-accent-soft);stroke:var(--tool-accent);stroke-width:3.5}.tool-card .toolArtHandle{stroke:var(--tool-accent);stroke-width:5;stroke-linecap:round}.tool-card .toolArtSignature{fill:none;stroke:var(--tool-accent);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.tool-card .toolArtStamp{fill:var(--tool-pdf);opacity:.7;font:800 17px/1 var(--font-body, sans-serif);letter-spacing:1px}.tool-card .toolArtStamp--small{font-size:7px;letter-spacing:0}.tool-card .toolArtField{fill:var(--tool-accent-soft);stroke:var(--tool-accent);stroke-width:1.4}@media(max-width:600px){.tool-showcase{padding:12px}.tool-group{padding:14px}}