.tool-catalogue{--tc-radius:8px;--tc-image-bg:transparent;color:var(--ink);min-width:0;font:400 15px/1.5 IBM Plex Sans,Helvetica Neue,Arial,sans-serif}.tool-catalogue *{box-sizing:border-box}.tool-catalogue [hidden]{display:none!important}.tool-catalogue button,.tool-catalogue a{font:inherit}.tool-catalogue button{cursor:pointer}.tool-catalogue :focus-visible{outline:2px solid var(--accent);outline-offset:3px}.tc-categories{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:6px;display:grid}.tc-categories button{border:1px solid var(--line);border-radius:var(--tc-radius);background:var(--surface);min-height:78px;color:var(--ink2);white-space:nowrap;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px 4px;display:flex}.tc-categories button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.tc-group-title{flex-wrap:wrap;align-items:baseline;gap:10px;margin:22px 0 12px;display:flex}.tc-group-title h2{letter-spacing:0;margin:0;font-size:18px;font-weight:500}.tc-group-title p{color:var(--ink2);margin:0;font-size:14px}.tc-cards{grid-template-columns:repeat(4,minmax(0,190px));gap:8px;display:grid}.tc-card{aspect-ratio:1;border:1px solid var(--line);border-radius:var(--tc-radius);background:var(--tc-image-bg);min-width:0;color:var(--ink);flex-direction:column;display:flex;position:relative;overflow:hidden}.tc-card:has([aria-pressed=true]){border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.tc-select{width:100%;min-height:0;color:inherit;text-align:left;background:0 0;border:0;flex-direction:column;flex:1;padding:0;display:flex}.tc-select img{object-fit:contain;object-position:center;flex:1;width:100%;min-height:0;display:block}.tc-label{padding:0 10px 8px;font-size:14px;font-weight:500;line-height:1.2;display:block}.tc-soon{color:var(--ink2);padding:0 10px 9px;font-size:12px}.tc-card-link{border-top:1px solid var(--line);color:var(--ink2);padding:7px 10px;line-height:1.2;text-decoration:none;display:block;font-size:12px!important}.tc-card-link:hover{color:var(--accent);background:var(--accent-soft)}.tc-placeholder{min-height:70px;color:var(--ink2);flex:1;justify-content:center;align-items:center;display:flex}.tc-placeholder .ui-glyph{transform:none;width:40px!important;height:40px!important}.tc-detail{border-top:1px solid var(--line);grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:center;gap:28px;margin-top:22px;padding-top:22px;display:grid}.tc-example{aspect-ratio:1;border-radius:var(--tc-radius);background:var(--tc-image-bg);color:var(--ink2);flex-direction:column;margin:0;display:flex;position:relative;overflow:hidden}.tc-example img{object-fit:contain;flex:1;width:100%;min-height:0;display:block}.tc-example figcaption{padding:0 12px 10px;font-size:12px}.tc-description h3{margin:0 0 8px;font-size:26px;font-weight:500;line-height:1.2}.tc-description>p{color:var(--ink2);margin:0 0 16px}.tc-metadata{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 20px;display:grid}.tc-metadata .tc-output,.tc-metadata .tc-powered{grid-column:1/-1}.tc-metadata dt{color:var(--ink2);text-transform:uppercase;letter-spacing:.07em;margin-bottom:5px;font-size:12px}.tc-metadata dd{overflow-wrap:anywhere;margin:0}.tc-metadata small{color:var(--ink2);margin-top:5px;font-size:13px;display:block}.tc-powered dd{flex-wrap:wrap;gap:6px;display:flex}.tc-powered dd span{background:var(--accent-soft);color:var(--accent);border-radius:5px;padding:4px 9px;font-size:13px}.tc-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.tc-action{background:var(--accent);color:var(--accent-ink);border-radius:6px;padding:10px 16px;text-decoration:none;display:inline-block}.tc-action:hover{filter:brightness(1.08)}.tc-documentation{color:var(--accent);text-underline-offset:3px}.tc-planned{color:var(--ink2)}.tc-fallback{margin-top:20px}@media (width<=800px){.tc-categories{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.tc-detail{grid-template-columns:minmax(0,230px) minmax(0,1fr);gap:20px}}@media (width<=600px){.tc-detail{grid-template-columns:1fr}.tc-example{width:min(300px,100%)}.tc-categories button{font-size:13px}.tc-cards{grid-template-columns:repeat(2,minmax(0,190px))}.tc-metadata{gap:16px}}@media (width<=380px){.tc-metadata{grid-template-columns:1fr}.tc-description h3{font-size:23px}.tc-label{font-size:13px}}.tc-category-icon{background:currentColor;width:20px;height:20px;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.tc-placeholder .ui-glyph{grid-template-columns:repeat(3,7px);gap:2px;display:grid}.tc-placeholder .ui-glyph i{background:currentColor;border-radius:1px;width:7px;height:7px;display:block}.tc-placeholder .ui-glyph i.o{background:0 0;box-shadow:inset 0 0 0 1px}@media (width<=380px){.tc-categories button{padding-inline:2px;font-size:12px}}.tc-artwork{flex:1;width:100%;min-height:0;display:flex}.tc-artwork img{height:100%;max-height:100%}.tc-placeholder img{object-fit:contain;flex:none;width:40px;max-width:40px;height:40px;max-height:40px}.tool-catalogue-vertical{grid-template-columns:max-content minmax(0,1fr);align-items:start;gap:24px;display:grid;container-type:inline-size}.tool-catalogue-vertical .tc-categories{grid-area:1/1;grid-template-columns:1fr;gap:6px}.tool-catalogue-vertical .tc-categories button{text-align:left;flex-direction:row;justify-content:flex-start;gap:12px;min-height:48px;padding:12px 16px}.tool-catalogue-vertical .tc-category-icon{flex:none}.tool-catalogue-vertical .tc-group{grid-area:1/2;min-width:0}.tool-catalogue-vertical .tc-group-title{margin-top:0}.tool-catalogue-vertical .tc-cards{grid-template-columns:repeat(auto-fill,minmax(min(150px,100%),1fr))}.tool-catalogue-vertical .tc-detail{grid-template-columns:minmax(0,229px) minmax(0,1fr);align-items:start;gap:20px;margin-top:18px;padding-top:18px}.tool-catalogue-vertical .tc-example{transform:translateY(-15%)}.tool-catalogue-vertical .tc-detail-heading{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;margin-bottom:10px;display:grid}.tool-catalogue-vertical .tc-detail-heading h3{margin:0;font-size:23px}.tool-catalogue-vertical .tc-actions{justify-content:flex-start;gap:8px}.tool-catalogue-vertical .tc-action{white-space:nowrap;padding:8px 14px}.tool-catalogue-vertical .tc-description>p{margin-bottom:12px;font-size:14px}.tool-catalogue-vertical .tc-metadata{gap:12px 20px;margin:0;font-size:14px}.tool-catalogue-vertical .tc-metadata .tc-output,.tool-catalogue-vertical .tc-metadata .tc-powered{grid-column:auto}.tool-catalogue-vertical .tc-metadata dt{margin-bottom:3px;font-size:11px}.tool-catalogue-vertical .tc-powered dd span{padding:2px 7px;font-size:12px}.tool-catalogue-vertical .tc-fallback{grid-column:1/-1}@container (width<=700px){.tool-catalogue-vertical .tc-detail{grid-template-columns:1fr}.tool-catalogue-vertical .tc-example{width:min(229px,100%);transform:none}}@container (width<=450px){.tool-catalogue-vertical .tc-detail-heading{grid-template-columns:1fr;gap:10px}.tool-catalogue-vertical .tc-metadata{grid-template-columns:1fr}}@media (width<=600px){.tool-catalogue-vertical{grid-template-columns:minmax(0,1fr);gap:22px}.tool-catalogue-vertical .tc-group{grid-area:2/1}.tool-catalogue-vertical .tc-categories button{font-size:14px}}