body.library{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--font-ui);padding:0}.library-header,#catalog{max-width:1440px;margin:auto;padding:32px}.library-header h1{font-size:36px;margin:12px 0}.library-header small{letter-spacing:.14em;color:var(--muted)}.library nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.library nav a,.demo-link{display:inline-block;color:var(--blue);padding:10px 14px;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--card);text-decoration:none}.library section{scroll-margin-top:20px;margin-bottom:36px;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-panel)}.library h2{font-size:26px}.library p,.library dd{line-height:1.6}.library iframe{width:100%;height:650px;border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--card);margin-top:20px}.library dl{display:grid;grid-template-columns:150px 1fr;gap:8px}.library dt{font-weight:600}.library dd{margin:0}.organism{margin-top:30px}.swatches{display:flex;flex-wrap:wrap;gap:16px}.swatches i{display:block;width:80px;height:56px;border:1px solid var(--line);border-radius:var(--radius-control)}.samples{display:flex;gap:12px}a:focus-visible{outline:3px solid var(--focus);outline-offset:3px}@media(max-width:650px){.library-header,#catalog{padding:16px}.library section{padding:14px}.library dl{grid-template-columns:1fr}.library dd{margin-bottom:8px}.library iframe{height:580px}}