.tool-art{position:relative;height:var(--art-h,166px);margin:0 0 var(--space-3);border:1px solid var(--border);border-radius:var(--radius-2);background-color:var(--art-field);background-image:linear-gradient(var(--art-line) 1px,transparent 1px),linear-gradient(90deg,var(--art-line) 1px,transparent 1px);background-size:12px 12px;display:flex;align-items:center;justify-content:center;overflow:hidden}.tool-art-draw{width:224px;height:112px;flex:none}.tool-art-draw text{stroke:none;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.01em}.tool-art-note{left:10px;bottom:8px;max-width:calc(100% - 20px);color:color-mix(in srgb,var(--dim) 74%,var(--art-field));white-space:nowrap;overflow:hidden}.tool-art-badge,.tool-art-note{position:absolute;font-family:var(--font-mono);font-size:10px;line-height:1}.tool-art-badge{right:11px;top:9px;font-weight:500;color:var(--accent)}.fam-head .hrow{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2)}.fam-head .tag{flex:none;font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:.08em;color:var(--accent)}.fam-group-head.keynote{align-items:center;gap:var(--space-3);font-size:var(--text-sm);padding-bottom:var(--space-3)}.grp-art{width:44px;height:44px;flex:none;border:1px solid var(--border);border-radius:var(--radius-1);padding:3px;background-color:var(--art-field);background-image:linear-gradient(var(--art-line) 1px,transparent 1px),linear-gradient(90deg,var(--art-line) 1px,transparent 1px);background-size:12px 12px}@media (max-width:767.98px){.tool-art{--art-h:152px}.tool-art-draw{transform:scale(.86)}.fam-group-head.keynote{gap:var(--space-2)}.grp-art{width:38px;height:38px}}