.lib-head{padding:var(--space-9) 0 var(--space-7)}.lib-tools{z-index:var(--z-sticky);background:var(--color-bg);padding:var(--space-3) 0;position:sticky;top:68px}.lib-tools .wrap{gap:var(--space-4);align-items:center;display:flex}.lib-search{height:var(--control-h);border-radius:var(--radius-full);background:var(--color-surface);flex:none;align-items:center;gap:10px;width:340px;padding:0 18px;display:flex}.lib-search input{background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:16px}.lib-search .icon{color:var(--color-text-muted);font-size:18px}.lib-search:focus-within{outline:2px solid var(--color-accent);outline-offset:2px}.lib-tools .chip-row{min-width:0}.masonry{columns:4 220px;column-gap:var(--space-5);padding-top:var(--space-5)}.masonry+.masonry{padding-top:0}.lib-card{break-inside:avoid;margin:0 0 var(--space-6);position:relative}.lib-card .ci{border-radius:var(--radius-md);background:var(--color-surface);display:block;position:relative;overflow:hidden}.lib-card .ci a{height:100%;display:block}.lib-card img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.lib-card:hover img{transform:scale(1.03)}.lib-card .copy-fab{border-radius:var(--radius-full);color:#0f0f0e;opacity:0;background:#fffffff0;border:0;align-items:center;gap:6px;height:36px;padding:0 12px;font-size:13px;font-weight:600;transition:opacity .15s;display:inline-flex;position:absolute;top:10px;right:10px}.lib-card:hover .copy-fab,.lib-card:focus-within .copy-fab{opacity:1}.lib-card .ct{text-decoration:none;display:block}.lib-card .ct-title{margin-top:12px;font-size:16px;font-weight:600;display:block}.lib-card .cp{color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:14px;line-height:1.45;display:-webkit-box;overflow:hidden}.lib-card .ct-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.lib-card.is-skeleton .ci{aspect-ratio:4/5}.lib-card.is-skeleton .sk-line{border-radius:var(--radius-sm);width:70%;height:14px;margin-top:14px;display:block}.lib-state{text-align:center;padding:var(--space-10) 0;color:var(--color-text-muted);justify-items:center;gap:var(--space-4);display:grid}.lib-more{padding:var(--space-4) 0 0;justify-content:center;min-height:1px;display:flex}dialog.modal.detail{width:min(1080px,100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto}html:has(dialog.modal.detail[open]){overflow:hidden}.detail-body{grid-template-columns:1.1fr 1fr;display:grid}.detail-body .dimg{background:var(--color-surface)}.detail-body .dimg img{object-fit:cover;width:100%;height:100%;max-height:80vh}.detail-body .dtext{padding:var(--space-8) var(--space-7) var(--space-7);gap:var(--space-5);flex-direction:column;min-width:0;display:flex}.detail-body .dtitle{padding-right:var(--space-7);font-size:32px}.prompt-box{background:var(--color-surface);border-radius:var(--radius-md);white-space:pre-wrap;overflow-wrap:anywhere;max-height:40vh;padding:18px 20px;font-size:16px;line-height:1.6;overflow:auto}.dmeta{flex-wrap:wrap;gap:8px;display:flex}.dactions{gap:10px;margin-top:auto;display:grid}.dactions .btn{width:100%}@media (width<=1000px){.masonry{columns:3}}@media (width<=720px){.lib-head{padding:var(--space-7) 0 var(--space-5)}.lib-tools{position:static}.lib-tools .wrap{align-items:stretch;gap:var(--space-3);flex-direction:column;padding-right:0}.lib-search{width:auto;margin-right:var(--gutter);height:48px}.masonry{columns:2;column-gap:var(--space-3);padding-top:var(--space-3)}.lib-card{margin-bottom:var(--space-5)}.lib-card .ct-title{margin-top:10px;font-size:15px}.lib-card .cp{font-size:13px}.lib-card .copy-fab{opacity:1;justify-content:center;width:44px;height:44px;padding:0;top:6px;right:6px}.lib-card .copy-fab span{display:none}.detail-body{grid-template-columns:1fr}.detail-body .dimg img{max-height:46vh}.detail-body .dtext{padding:var(--space-6) var(--space-5) var(--space-5)}.detail-body .dtitle{font-size:26px}}