.library-nav{display:flex;gap:8px;flex-wrap:wrap;padding:0 clamp(16px,3vw,40px) 20px;border-bottom:1px solid var(--rule)}
.library-nav a[aria-current="page"]{background:var(--ink);color:var(--wall)}
.brand-panda{width:auto;height:52px;object-fit:contain;background:#faf9f6;padding:4px;border-radius:8px}
.library-main{width:100%;max-width:1200px;padding:24px clamp(16px,3vw,40px) 40px;margin:auto}
.library-main h1{font:400 clamp(2.2rem,5vw,3.4rem)/1.1 var(--serif);margin-bottom:12px}
.library-main h2{font-size:1.15rem;margin-bottom:12px}
.library-intro{color:var(--ink-2);max-width:65ch;margin-bottom:24px}
.library-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,.8fr);gap:32px;align-items:start}
.library-options{display:flex;flex-direction:column;gap:16px;min-width:0}
.library-field{display:flex;flex-direction:column;gap:6px;font-size:.9rem}
.library-field select{width:100%;font:inherit;min-height:44px;padding:8px 12px;border:1px solid var(--rule);border-radius:8px;background:var(--wall-2);color:var(--ink)}
.library-actions{display:flex;gap:8px;flex-wrap:wrap}
.library-main .pill,.library-nav .pill{min-height:44px}
.library-copy{border-top:1px solid var(--rule);padding-top:16px}
.library-code{font:12px/1.6 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;background:var(--wall-2);border:1px solid var(--rule);border-radius:8px;padding:16px;margin-top:12px}
.library-caption{color:var(--ink-2);font-size:.9rem}
.library-main .pb-root{--pb-size:100%;--pb-label:var(--ink-2);--pb-frame:var(--rule);--pb-gutter:1.5rem}
.library-main .pb-surface{border:1px solid var(--rule);border-radius:0;box-shadow:none}
.library-main .pb-sq img{filter:none;width:90%;height:90%}
.library-main .pb-sq{transition:none}
.library-main .pb-files,.library-main .pb-ranks{font-family:var(--mono);font-size:12px;font-weight:500}
.library-main .pb-arrows{width:100%;height:100%;fill:none}
.library-main .pb-root[data-coords="off"]{--pb-gutter:0px}
.piece-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:16px;max-width:540px}
.piece-row a{display:flex;background:var(--wall-2);border:1px solid var(--rule);border-radius:8px;min-width:44px;min-height:44px;padding:4px}
.piece-row img{width:100%;height:auto;aspect-ratio:1}
.library-rule{margin-top:32px;border-top:1px solid var(--rule);padding-top:24px;max-width:75ch}
.library-rule p,.library-rule li{color:var(--ink-2);margin-bottom:12px}
.library-rule ul{padding-left:20px}
.library-status{min-height:1.5em;color:var(--ink-2);font-size:.85rem}
.brand-samples{display:flex;gap:24px;flex-wrap:wrap;align-items:center;margin:24px 0}
.brand-samples img{height:120px;width:auto;max-width:45%;background:#faf9f6;padding:12px;border-radius:8px}
@media(max-width:760px){.library-layout{grid-template-columns:minmax(0,1fr);gap:24px}.top{flex-wrap:wrap}.brand-panda{height:52px}.library-main{padding-top:20px}.library-main .pb-root{--pb-gutter:1.25rem}.piece-row{gap:4px}.piece-row a{min-width:0}}
@media(prefers-reduced-motion:reduce){.library-main *{transition:none!important}}
.kit{max-width:none}
.kit-made{display:inline-block;font:700 .68rem/1 "JetBrains Mono",Menlo,monospace;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#000;padding:4px 7px;border-radius:3px;vertical-align:middle}
.kit h2 .kit-made{margin-left:8px}
.kit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin:20px 0}
.kit-card{border:1px solid var(--rule);border-radius:8px;padding:12px;min-width:0}
.kit-card h3{font-size:1rem;margin:10px 0 6px;overflow-wrap:anywhere}
.kit-card p{font-size:.85rem;margin:6px 0 0}
.kit-art{display:flex;align-items:center;justify-content:center;height:150px;background:#faf9f6;border-radius:6px;padding:10px}
.kit-art img{max-width:100%;max-height:100%;width:auto;height:auto}
.kit-sizes{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.kit-sizes span{font-weight:700;margin-right:4px}
.kit-sizes a{border:1px solid var(--rule);border-radius:4px;padding:5px 7px;min-height:28px;font:500 .75rem/1.2 "JetBrains Mono",Menlo,monospace;text-decoration:none;color:inherit}
.kit-sub{margin-top:24px}
.kit .kit-made{color:#fff}
.brand-samples img{max-width:none}