.lib-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;display:flex}.lib-filter-pill{border:1px solid var(--border);color:var(--color-text-secondary);transition:background-color var(--motion-base,.2s) var(--motion-ease,ease), border-color var(--motion-base,.2s) var(--motion-ease,ease), color var(--motion-base,.2s) var(--motion-ease,ease);background:#fff;border-radius:20px;padding:7px 13px;font-size:12px;font-weight:500}.lib-filter-pill[aria-pressed=true]{background:var(--gradient-soft);color:var(--color-primary-dark);border-color:#c9b8ef;font-weight:600}.lib-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;display:grid}.lib-card{flex-direction:column;display:flex;overflow:hidden}.lib-thumb{aspect-ratio:4/3;color:#fff;place-items:center;display:grid;position:relative;overflow:hidden}.lib-thumb img{object-fit:cover;width:100%;height:100%}.lib-thumb svg{opacity:.9}.lib-thumb.lib-type-image{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.lib-thumb.lib-type-video{background:linear-gradient(135deg,#4c1d95,#2e1065)}.lib-thumb.lib-type-logo{background:linear-gradient(135deg,#a78bfa,#7c3aed)}.lib-thumb.lib-type-ai{background:linear-gradient(135deg,#7c3aed,#db2777)}.lib-thumb.lib-type-template{background:linear-gradient(135deg,#6d28d9,#4338ca)}.lib-thumb-used{color:var(--color-text-secondary);background:#ffffffe6;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:600;position:absolute;top:10px;left:10px}.lib-card-body{flex-direction:column;flex:1;gap:8px;padding:14px 16px 16px;display:flex}.lib-card-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.lib-card-head h3{overflow-wrap:anywhere;font-size:13px;line-height:1.4}.lib-rename-form{flex:1;gap:6px;display:flex}.lib-rename-form input{margin:0;padding:6px 8px;font-size:13px}.lib-menu-wrap{flex-shrink:0;position:relative}.lib-menu-trigger{width:28px;height:28px;color:var(--color-text-muted);background:0 0;border:0;border-radius:7px;flex-shrink:0;place-items:center;display:grid}.lib-menu-trigger:hover{color:var(--color-text);background:#f5f4fc}.lib-menu{z-index:20;border:1px solid var(--border);border-radius:var(--radius-md,10px);min-width:180px;box-shadow:var(--shadow-lg,0 14px 34px #23213a1f);background:#fff;padding:6px;position:absolute;top:calc(100% + 6px);right:0}.lib-menu[data-state=open]{animation:menu-enter .18s var(--motion-ease);transform-origin:100% 0}.lib-menu[data-state=closed]{animation:menu-exit .18s var(--motion-ease) forwards;pointer-events:none}.lib-menu button{width:100%;color:var(--color-text);text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;padding:9px 10px;font-size:13px;display:flex}.lib-menu button:hover{background:#f5f4fc}.lib-menu button.lib-menu-danger{color:#a44759}.lib-menu button.lib-menu-danger:hover{background:#fff4f5}.lib-card-meta{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.lib-type-tag{color:var(--color-text-secondary);background:#f5f4fc;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:600}.lib-card-date{color:var(--color-text-muted);font-size:11px}@media (hover:hover) and (pointer:fine){.lib-card{transition:box-shadow var(--motion-base) var(--motion-ease), border-color var(--motion-base) var(--motion-ease), transform var(--motion-base) var(--motion-ease)}.lib-card:hover{box-shadow:var(--hover-shadow);border-color:#ded7f3;transform:translateY(-2px)}}@media (max-width:650px){.lib-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.lib-card-body{padding:12px}}@media (prefers-reduced-motion:reduce){.lib-card:hover{transform:none!important}}
