.library { padding-top: 140px; padding-bottom: 90px; max-width: 1200px; }
.library a { text-underline-offset: 4px; }
.library h1,.library h2,.library h3 { color: var(--text-primary); }
.library h1 { font-family: var(--font-serif); font-size: clamp(3.5rem,8vw,7rem); font-weight: 400; line-height: .99; letter-spacing: -.045em; margin: 28px 0; }
.library h1 em { color: var(--accent); font-weight: 400; }
.library h2 { font-family: var(--font-serif); font-size: clamp(2.2rem,4vw,3.3rem); font-weight: 400; line-height: 1.1; letter-spacing: -.025em; margin: 12px 0 20px; }
.library h3 { font-size: 1.05rem; font-weight: 600; }
.library p { color: var(--text-secondary); line-height: 1.7; }
.library-eyebrow { font: 500 .72rem/1.6 var(--font-mono); letter-spacing: .1em; text-transform: uppercase; }
.library-eyebrow span { color: var(--accent); padding: 0 12px; }
.library-intro { display: flex; justify-content: space-between; align-items: end; gap: 36px; margin: 28px 0 44px; }
.library-intro p { max-width: 560px; font-size: 1.13rem; }
.library-button { display: inline-flex; align-items: center; justify-content: space-between; gap: 32px; background: var(--accent); color: #fff !important; padding: 13px 20px; border-radius: 5px; text-decoration: none; font-size: .9rem; font-weight: 500; flex-shrink: 0; }
.library-button:hover { background: var(--accent-hover); }
.library-stats { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--border-accent); border-bottom: 1px solid var(--border-accent); padding: 24px 0; gap: 20px; }
.library-stats span { display: flex; gap: 14px; align-items: baseline; font-size: .8rem; color: var(--text-secondary); }
.library-stats strong { font: 400 2rem var(--font-serif); color: var(--text-primary); }
.library-catalog,.library-install,.library-sources { padding-top: 72px; scroll-margin-top: 80px; }
.library-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.library-section-heading > a { font: .78rem var(--font-mono); }
.library-note { font-size: .86rem; }
.library-filters { display: grid; grid-template-columns: 2fr 1.3fr 1fr 1fr; gap: 14px; margin-top: 28px; }
.library-filters label { display: grid; gap: 8px; font-size: .72rem; font-weight: 500; color: var(--text-secondary); }
.library-filters input,.library-filters select { width: 100%; min-width: 0; padding: 13px 12px; font: .85rem var(--font-sans); border: 1px solid var(--border-accent); background: var(--bg-card); color: var(--text-primary); border-radius: 4px; }
.library :focus-visible { outline: 3px solid var(--accent-secondary); outline-offset: 4px; }
.library-results { display:flex; justify-content:space-between; align-items:center; padding: 20px 0 14px; font: .75rem var(--font-mono); }
.library-reset { border: 0; background: transparent; color: var(--accent); font: inherit; cursor: pointer; text-decoration: underline; }
.library-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.library-card { padding: 22px; border: 1px solid var(--border); border-radius: 7px; background: var(--bg-card); display: flex; flex-direction: column; transition: border-color .15s,transform .15s; }
.library-card:hover { border-color: var(--border-accent); transform: translateY(-2px); }
.library-card-top { display: flex; justify-content: space-between; align-items: center; font: .65rem var(--font-mono); color: var(--text-muted); margin-bottom: 22px; }
.library-type { text-transform: uppercase; letter-spacing: .06em; background: var(--accent-glow); color: var(--accent); padding: 4px 7px; border-radius: 3px; }
.library-type.agent { background: var(--accent-secondary-dim); color: var(--accent-secondary); }
.library-card h3 { font: 500 .97rem var(--font-mono); overflow-wrap:anywhere; }
.library-card h3 a { display:flex; justify-content: space-between; gap: 10px; color: var(--text-primary); text-decoration:none; }
.library-card h3 span { color: var(--accent); }
.library-card > p { margin: 14px 0 25px; font-size: .82rem; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; }
.library-card-bottom { display:flex; justify-content:space-between; gap:10px; border-top:1px solid var(--border); padding-top:16px; margin-top:auto; font-size:.65rem; }
.library-card-bottom span { color:var(--text-muted); }
.library-card-bottom a { white-space:nowrap; }
.library-empty { padding:60px 20px; border:1px dashed var(--border-accent); text-align:center; }
.library-install { margin-top:70px; border-top:1px solid var(--border-accent); }
.library-install > p:not(.library-eyebrow),.library-sources > p { max-width:780px; }
.library-steps { list-style:none; counter-reset:step; margin:36px 0; }
.library-steps li { counter-increment:step; position:relative; padding:0 0 28px 52px; }
.library-steps li::before { content:counter(step,decimal-leading-zero); position:absolute; left:0; top:0; font: .85rem var(--font-mono); color:var(--accent); }
.library-steps h3 { margin-bottom:8px; }
.library-steps p { font-size:.9rem; }
.library-command { display:flex; align-items:stretch; margin:16px 0; border:1px solid var(--border-accent); border-radius:5px; background:var(--bg-secondary); overflow:hidden; }
.library-command pre { flex:1; min-width:0; padding:18px; margin:0; white-space:pre-wrap; overflow-wrap:anywhere; color:var(--text-primary); background:transparent; font:.78rem/1.8 var(--font-mono); }
.library-command button { padding:12px 17px; border:0; border-left:1px solid var(--border-accent); color:var(--accent); background:transparent; font: .75rem var(--font-mono); cursor:pointer; }
.library-callout { padding:24px; border-left:3px solid var(--accent); background:var(--accent-glow); margin:24px 0; border-radius:0 5px 5px 0; }
.library-guide-grid { display:grid; grid-template-columns:1fr 1fr; gap:40px; margin-top:36px; }
.library-guide-grid p { font-size:.9rem; margin-top:10px; }
.library-source-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin:26px 0; }
.library-source-grid article { border-top:1px solid var(--border-accent); padding-top:20px; }
.library-source-grid p,.library-source-grid article > a { font-size:.8rem; margin-top:10px; }
.library [hidden] { display:none !important; }
.library-detail { max-width:1000px; }
.library-back { display:inline-block; margin-bottom:40px; font-size:.85rem; }
.library-detail h1 { font-size:clamp(2.4rem,6vw,4.6rem); overflow-wrap:anywhere; }
.library-detail-description { max-width:820px; }
.library-detail-setup { margin:40px 0; border-top:1px solid var(--border-accent); padding-top:30px; }
.library-detail-setup > p { font-size:.9rem; }
.library-file-links { display:flex; align-items:center; flex-wrap:wrap; gap:22px; margin:22px 0; }
.library-markdown { border:1px solid var(--border); border-radius:6px; padding:36px; background:var(--bg-card); overflow-wrap:anywhere; }
.library-markdown h1 { font:400 2.2rem/1.2 var(--font-serif); margin:0 0 24px; letter-spacing:-.02em; }
.library-markdown h2 { font-size:1.8rem; margin:32px 0 16px; }
.library-markdown h3 { margin:24px 0 12px; }
.library-markdown p,.library-markdown ul,.library-markdown ol { margin:14px 0; font-size:.9rem; color:var(--text-secondary); }
.library-markdown ul,.library-markdown ol { padding-left:24px; }
.library-markdown li { margin:8px 0; }
.library-markdown pre { overflow:auto; padding:18px; background:var(--bg-secondary); font-size:.8rem; }
.library-markdown table { display:block; overflow:auto; border-collapse:collapse; margin:20px 0; }
.library-markdown th,.library-markdown td { border:1px solid var(--border); padding:10px; font-size:.82rem; }
.library-markdown blockquote { border-left:3px solid var(--accent); padding-left:18px; }
.library-provenance { margin-top:30px; font-size:.8rem; }
.library-provenance summary { cursor:pointer; color:var(--accent); }
.library-provenance dt { font-weight:600; margin-top:14px; }
.library-provenance dd { font-family:var(--font-mono); overflow-wrap:anywhere; margin-top:5px; color:var(--text-secondary); }
@media(max-width:1000px) { .library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-filters{grid-template-columns:1fr 1fr}.library-stats span{flex-direction:column;gap:2px}.library-card-bottom{font-size:.7rem} }
@media(max-width:640px) { .library{padding-top:110px}.library-intro{display:block}.library-intro .library-button{margin-top:24px}.library-stats{grid-template-columns:1fr 1fr}.library-grid,.library-guide-grid,.library-source-grid{grid-template-columns:1fr}.library-filters{grid-template-columns:1fr 1fr}.library-search{grid-column:1/-1}.library-section-heading{align-items:start}.library-section-heading > a{margin-top:10px}.library-steps li{padding-left:34px}.library-markdown{padding:20px}.library-command{flex-direction:column}.library-command button{border-left:0;border-top:1px solid var(--border-accent);text-align:right}.library-eyebrow{font-size:.65rem}.library-catalog,.library-install,.library-sources{padding-top:48px} }
@media(prefers-reduced-motion:reduce){.library-card{transition:none}.library-card:hover{transform:none}}