@import "https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300..800&display=swap";@import "https://fonts.googleapis.com/css2?family=Cal+Sans&display=swap";@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&display=swap";@import "https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;600;700&display=swap";:root{--color-bg:var(--surface-page);--color-surface:var(--surface-card);--color-surface-2:var(--surface-panel);--color-fg:var(--text-primary);--color-muted:var(--text-secondary);--color-subtle:var(--text-muted);--color-border:var(--border-default);--color-accent:var(--action-primary-bg);--color-accent-fg:var(--action-primary-fg);--color-accent-soft:var(--accent-signal-soft);--color-accent-text:var(--accent-signal-text);--color-cta:var(--action-cta-bg);--color-cta-fg:var(--action-cta-fg);--font-sans:Inter, "Noto Sans", "Helvetica Neue", "Segoe UI", Roboto, "Liberation Sans", sans-serif;--font-display:"Cal Sans", "Titillium Web", Optima, Palatino, "Book Antiqua", Georgia, serif;--font-mono:"Fira Code", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--container-8xl:97.5rem}:root,[data-theme=light]{color-scheme:light;--paper:#f8f6f0;--ink:#07090f;--slate:#101820;--gray-100:#e0deda;--gray-200:#c8c7c3;--gray-300:#b0afac;--gray-400:#989796;--gray-500:gray;--gray-600:#676869;--gray-700:#4f5052;--gray-800:#37383c;--gray-900:#1f2126;--navy:#00446f;--orange:#e86027;--cyan:#00a9e0;--link-blue:#007bff;--gold:#f2bc57;--rust:#6f1a07;--success:#00b339;--danger:#f90041;--highlight:#ff6;--surface-page:var(--paper);--surface-section:#f2efe7;--surface-card:#fffdf8;--surface-panel:#edeae1;--surface-inset:#e7e3d9;--text-primary:var(--ink);--text-secondary:var(--gray-700);--text-muted:var(--gray-600);--text-heading:var(--navy);--text-inverse:var(--paper);--border-subtle:var(--gray-100);--border-default:var(--gray-200);--border-strong:var(--gray-400);--link:var(--link-blue);--link-hover:#0056b3;--action-primary-bg:var(--navy);--action-primary-fg:var(--paper);--action-primary-hover:#003356;--action-cta-bg:var(--orange);--action-cta-fg:var(--ink);--action-cta-hover:#c94e1c;--accent-signal:var(--cyan);--accent-signal-soft:#dcf3fb;--accent-signal-text:#005e7d;--accent-rule:linear-gradient(90deg, var(--cyan) 0%, var(--navy) 60%, var(--orange) 100%);--platform-cowork:var(--navy);--platform-copilot-studio:var(--cyan);--platform-scout:var(--orange);--platform-codex:var(--slate);--status-active:var(--success);--status-beta:var(--cyan);--status-maintained:var(--navy);--status-prototype:var(--gold);--status-archived:var(--gray-500);--code-bg:var(--surface-panel);--code-fg:var(--rust);--radius-sm:.25rem;--radius:.375rem;--radius-lg:.5rem;--radius-xl:1rem;--radius-pill:50rem;--shadow-sm:0 .125rem .25rem #07090f13;--shadow:0 .5rem 1rem #07090f26;--shadow-lg:0 1rem 3rem #07090f2d;--shadow-inset:inset 0 1px 2px #07090f13;--focus-ring:0 0 0 .25rem #00446f40;--duration:.18s;--ease:cubic-bezier(.2, 0, .2, 1);--measure:68ch;--bg:var(--surface-page);--surface:var(--surface-card);--surface-2:var(--surface-panel);--fg:var(--text-primary);--muted:var(--text-secondary);--subtle:var(--text-muted);--border:var(--border-default);--accent:var(--action-primary-bg);--accent-fg:var(--action-primary-fg);--accent-soft:var(--accent-signal-soft);--accent-text:var(--accent-signal-text);--glow:#00a9e02e}[data-theme=dark]{color-scheme:dark;--surface-page:var(--slate);--surface-section:#161f29;--surface-card:#1b2530;--surface-panel:#202b37;--surface-inset:#0b1219;--text-primary:#e7e5e0;--text-secondary:var(--gray-300);--text-muted:var(--gray-400);--text-heading:#e7e5e0;--text-inverse:var(--ink);--border-subtle:#2a3742;--border-default:#38454f;--border-strong:var(--gray-700);--link:#66b0ff;--link-hover:#99cbff;--action-primary-bg:#0a5c93;--action-primary-fg:var(--paper);--action-primary-hover:#0e71b4;--action-cta-bg:var(--orange);--action-cta-fg:var(--ink);--action-cta-hover:#f2793f;--accent-signal:#4fc7f2;--accent-signal-soft:#0c3245;--accent-signal-text:#9fd9f2;--platform-cowork:#4e9fd1;--platform-copilot-studio:#4fc7f2;--platform-scout:#f2793f;--platform-codex:var(--text-primary);--code-bg:var(--surface-inset);--code-fg:var(--gold);--shadow-sm:0 .125rem .25rem #0006;--shadow:0 .5rem 1rem #00000080;--shadow-lg:0 1rem 3rem #0009;--focus-ring:0 0 0 .25rem #00a9e059;--glow:#4fc7f23d}html{scroll-behavior:smooth;background:var(--surface-page)}body{background:var(--surface-page);min-width:20rem;color:var(--text-primary);font-family:var(--font-sans);font-size:1.125rem;line-height:1.6}h1,h2,h3,h4{color:var(--text-heading);font-family:var(--font-display);letter-spacing:-.01em}button,input,select,textarea{font:inherit}a,button,input,select,textarea{transition-duration:var(--duration);transition-timing-function:var(--ease)}:focus-visible{box-shadow:var(--focus-ring);outline:none}::selection{background:var(--highlight);color:var(--ink)}.accent-rule{border-radius:var(--radius-pill);background:var(--accent-rule);height:3px}.display-face{font-family:var(--font-display)}.mono-face{font-family:var(--font-mono)}.library-filter-select{border:1px solid var(--border-default);border-radius:var(--radius);background:var(--surface-card);width:100%;color:var(--text-primary);box-shadow:var(--shadow-inset);margin-top:.5rem;padding:.5rem 2rem .5rem .75rem;font-size:.875rem;line-height:1.4}.library-filter-select:hover,.library-filter-select:focus-visible{border-color:var(--border-strong)}[data-library-item][hidden],[data-library-empty][hidden]{display:none}.prompt-workbench textarea[data-prompt-output]{tab-size:2}.prompt-workbench input:invalid,.prompt-workbench textarea:invalid,.prompt-workbench select:invalid{border-color:color-mix(in srgb, var(--danger) 60%, var(--border-default))}.prose :where(table){max-width:100%;display:block;overflow-x:auto}.prose :where(pre){border:1px solid var(--border-subtle);border-radius:var(--radius);background:var(--code-bg);max-width:100%;box-shadow:var(--shadow-inset);overflow-x:auto}.prose :where(code):not(:where(pre code)){overflow-wrap:break-word;color:var(--code-fg);font-family:var(--font-mono);word-break:break-word}.prose :where(pre) code{color:inherit}.prose :where(a){color:var(--link);text-underline-offset:.15em;text-decoration:underline}.prose :where(a:hover){color:var(--link-hover)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--surface-panel)}::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:var(--border-strong)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}*{box-sizing:border-box}body{margin:0}a{color:var(--link);text-underline-offset:.18em}button,a.button{cursor:pointer}button,input,select{font:inherit}button{border-radius:var(--radius);border:1px solid var(--border-default);color:var(--text-primary);background:var(--surface-card);padding:.5rem .85rem}button:hover{background:var(--surface-panel)}.content{width:min(100% - 3rem,1560px);margin-inline:auto}.shelf{border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;gap:1rem;width:min(100% - 3rem,1560px);margin:auto;padding:1.3rem 0;display:flex}.shelf-brand{font:700 1.35rem var(--font-display);color:var(--text-heading);align-items:baseline;gap:1rem;text-decoration:none;display:flex}.shelf-brand span{font:400 .85rem var(--font-sans);color:var(--text-secondary)}.shelf nav{gap:1.25rem;font-size:.9rem;display:flex}.shelf nav a[aria-current=page]{color:var(--text-heading);font-weight:700}.catalog-heading{padding-block:3rem 1.5rem}.eyebrow,.kind{letter-spacing:.075em;text-transform:uppercase;color:var(--accent-signal-text);font-size:.72rem;font-weight:700}h1{margin:.4rem 0 1.2rem;font-size:clamp(2.35rem,4.5vw,3.5rem);line-height:1.08}h2{font-size:1.45rem}h3{font-size:1.35rem;line-height:1.25}p{margin:.7rem 0}.lead{max-width:68ch;color:var(--text-secondary);margin:0 0 1.6rem;font-size:1.2rem;line-height:1.6}.accent-rule{margin-top:1.5rem}.migration-note{background:var(--surface-panel);border:1px solid var(--border-subtle);border-radius:var(--radius);color:var(--text-secondary);padding:.85rem 1rem;font-size:.875rem;line-height:1.6}.filters{grid-template-columns:minmax(250px,2fr) repeat(3,minmax(110px,1fr)) auto;align-items:end;gap:1rem;padding:1.6rem 0;display:grid}.filters label{margin-bottom:.35rem;font-size:.85rem;font-weight:600;display:block}.filters input,.filters select,.sort select{border:1px solid var(--border-default);background:var(--surface-card);border-radius:var(--radius);color:var(--text-primary);width:100%;min-height:44px;padding:.55rem .7rem;font-size:.9rem}.search-input{gap:.5rem;display:flex}.search-input input{min-width:0}.text-button{color:var(--link);background:0 0;border:0;padding:.35rem .25rem;font-size:.85rem;text-decoration:underline}.catalog-bar{border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:.4rem 0 1rem;display:flex}.catalog-bar h2{margin:0}.catalog-bar h2 span{font:400 1rem var(--font-sans);color:var(--text-muted)}.sort{align-items:center;gap:.65rem;font-size:.85rem;display:flex}.sort select{width:auto}.tool-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.5rem;display:grid}.tool-card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform var(--duration),border-color var(--duration);flex-direction:column;display:flex;overflow:hidden}.tool-card.featured{border-color:var(--orange)}.tool-card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.tool-cover{aspect-ratio:16/9;background:var(--surface-panel);display:block;overflow:hidden}.tool-cover img{object-fit:cover;object-position:center;width:100%;height:100%}.text-cover{background:var(--slate);height:100%;color:var(--paper);border-bottom:3px solid var(--cyan);justify-content:space-between;align-items:center;gap:1.5rem;padding:1.5rem 1.4rem;display:flex}.text-cover>span:first-child{font:800 4rem var(--font-display);color:var(--cyan)}.text-cover>span:last-child{font:.75rem var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:#e0deda;max-width:12ch}.tool-card-body{flex-direction:column;flex:1;padding:1.1rem;display:flex}.metadata{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.status{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);white-space:nowrap;font-size:.65rem;font-weight:600}.status:before{content:"";background:var(--status-prototype);border-radius:50%;width:6px;height:6px;margin-right:.4rem;display:inline-block}.status.active:before{background:var(--status-active)}.status.beta:before{background:var(--status-beta)}.status.maintained:before{background:var(--status-maintained)}.status.archived:before{background:var(--status-archived)}.tool-card h3{margin:.75rem 0 .5rem}.tool-card h3 a{color:var(--text-heading);text-decoration:none}.tool-card h3 a:hover{text-decoration:underline}.card-description{color:var(--text-secondary);flex:1;margin:0 0 1.1rem;font-size:.9rem;line-height:1.6}.tags{flex-wrap:wrap;gap:.4rem;display:flex}.tags span,.tags a{border:1px solid var(--border-default);border-radius:var(--radius-pill);color:var(--text-secondary);padding:.1rem .5rem;font-size:.68rem;text-decoration:none}.card-bottom{color:var(--text-muted);justify-content:space-between;gap:1rem;margin-top:1rem;font-size:.67rem;display:flex}.card-actions{border-top:1px solid var(--border-subtle);gap:1rem;margin-top:.85rem;padding-top:.9rem;font-size:.85rem;display:flex}.open-link{font-weight:600}.empty-state{text-align:center;background:var(--surface-panel);border-radius:var(--radius);padding:4rem 1rem}[hidden]{display:none!important}.site-footer{border-top:1px solid var(--border-default);color:var(--text-secondary);justify-content:space-between;gap:2rem;margin-top:4rem;padding:2rem 0;font-size:.85rem;display:flex}.site-footer p{font-size:.8rem}.skip-link{z-index:9999;background:var(--surface-card);padding:.6rem 1rem;position:absolute;top:-8rem;left:1rem}.skip-link:focus{top:1rem}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.breadcrumb{color:var(--text-secondary);gap:.65rem;padding:1.8rem 0;font-size:.85rem;display:flex}.detail>header{max-width:1100px}.detail-grid{grid-template-columns:minmax(0,1fr) 320px;gap:3rem;margin-top:2rem;display:grid}.detail-sidebar{align-self:start;font-size:.95rem;position:sticky;top:1rem}.detail-sidebar h2{margin-top:1.7rem;font-size:1.1rem}.button{border-radius:var(--radius);justify-content:center;align-items:center;gap:.7rem;padding:.75rem 1rem;font-weight:600;text-decoration:none;display:inline-flex}.primary{background:var(--action-primary-bg);color:var(--action-primary-fg);width:100%}.primary:hover{background:var(--action-primary-hover)}.host-label{color:var(--text-muted);overflow-wrap:anywhere;font-size:.8rem}.detail-image{object-fit:contain;border-radius:var(--radius-lg);background:var(--surface-panel);border:1px solid var(--border-subtle);width:100%;height:auto;max-height:540px;margin-bottom:1.5rem}.prose{overflow-wrap:anywhere;max-width:68ch}.prose h2{margin-top:2rem}.prose li{margin:.4rem 0}.prose img{max-width:100%;height:auto}.prose a{text-decoration:underline}.prose pre{padding:1rem;font-size:.85rem;overflow:auto}.prose code{font-size:.88em}.reading{max-width:900px;padding-block:3rem}.updated{color:var(--text-muted);font-size:.85rem}@media (width<=1050px){.filters{grid-template-columns:repeat(3,1fr)}.search-field{grid-column:1/-1}.filters>button{grid-column:1/-1;justify-self:start}.detail-grid{grid-template-columns:minmax(0,1fr) 270px;gap:1.5rem}}@media (width<=700px){.content,.shelf{width:calc(100% - 2rem)}.shelf{align-items:flex-start}.shelf-brand{flex-direction:column;gap:.1rem}.shelf nav{gap:.7rem;padding-top:.25rem;font-size:.8rem}.catalog-heading{padding-top:2rem}.filters{grid-template-columns:1fr 1fr;gap:.75rem}.filters>div:nth-of-type(4){grid-column:1/-1}.filters>button{grid-column:auto}.tool-grid{grid-template-columns:1fr}.detail-grid{flex-direction:column-reverse;gap:1.5rem;display:flex}.detail-sidebar{position:static}.detail-sidebar h2,.detail-sidebar>.tags{display:none}.site-footer{flex-direction:column;gap:1rem}.lead{font-size:1.05rem}.catalog-bar{gap:1rem}.sort{max-width:65%}.sort select{width:100%;min-width:0}}
