.library-detail-backdrop{z-index:1000;padding:var(--spacing-lg);background-color:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.library-detail{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-width:640px;max-height:90vh;display:flex;overflow:hidden}.library-detail-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;display:flex}.library-detail-header-info{flex:1;min-width:0}.library-detail-title{margin:var(--spacing-sm)0 0;color:var(--color-text);font-size:20px;font-weight:600}.library-detail-description{margin:var(--spacing-sm)0 0;color:var(--color-text-secondary);font-size:14px;line-height:1.5}.library-detail-close{width:32px;height:32px;color:var(--color-text-muted);border-radius:var(--radius-sm);transition:all var(--transition-fast);flex-shrink:0;font-size:24px}.library-detail-close:hover{color:var(--color-text);background-color:var(--color-bg-tertiary)}.library-detail-body{padding:var(--spacing-lg);flex:1;overflow-y:auto}.library-detail-content{margin-bottom:var(--spacing-lg)}.library-detail-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm);font-size:11px;font-weight:600;display:block}.library-detail-text{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);color:var(--color-text);white-space:pre-wrap;word-wrap:break-word;max-height:300px;margin:0;font-family:inherit;font-size:14px;line-height:1.6;overflow-y:auto}.library-detail-tags{gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.library-detail-tag{background-color:var(--color-bg-tertiary);border-radius:var(--radius-full);color:var(--color-text-secondary);padding:4px 10px;font-size:12px}.library-detail-copy-actions{gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.library-detail-copy-actions .btn{align-items:center;gap:var(--spacing-xs);display:flex}.library-detail-platform-links{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.library-detail-footer{padding:var(--spacing-md)var(--spacing-lg);border-top:1px solid var(--color-border);background-color:var(--color-bg-tertiary);justify-content:space-between;display:flex}.library-detail-footer-left,.library-detail-footer .btn{align-items:center;gap:var(--spacing-xs);display:flex}@media (max-width:640px){.library-detail{max-height:95vh}.library-detail-copy-actions{flex-direction:column}.library-detail-platform-links{width:100%}}
.library-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);padding-top:calc(var(--spacing-md) + 8px);transition:all var(--transition-fast);cursor:pointer;position:relative;box-shadow:0 1px 3px #0000000f,0 2px 6px #0000000a}.library-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #0000001f}.library-type-badge{top:var(--spacing-sm);right:var(--spacing-sm);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-flex;position:absolute}.library-type-badge-prompt{background-color:var(--color-badge-blue);color:var(--color-badge-blue-text)}.library-type-badge-agent{background-color:var(--color-badge-green);color:var(--color-badge-green-text)}.library-card-title-row{margin-bottom:var(--spacing-sm);align-items:center;gap:8px;display:flex}.library-card-output-icon{flex-shrink:0}.library-card-title{color:var(--color-text);margin:0;font-size:15px;font-weight:600}.library-card-content{color:var(--color-text-secondary);margin:0 0 var(--spacing-md)0;-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.library-card-article-btn{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--color-text-muted);transition:all var(--transition-fast);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.library-card-article-btn:hover{color:var(--color-primary);background-color:var(--color-primary-light)}.library-card-tags{gap:var(--spacing-xs);margin-bottom:var(--spacing-md);flex-wrap:wrap;display:flex}.library-card-tag{border-radius:var(--radius-full);background-color:var(--color-badge-blue);color:var(--color-badge-blue-text);padding:2px 8px;font-size:11px}.library-card-actions{gap:var(--spacing-sm);justify-content:flex-end;display:flex}
.library{background-color:var(--color-bg);flex-direction:column;flex:1;display:flex;overflow:hidden}.library-header{padding:var(--spacing-lg)var(--spacing-xl)var(--spacing-lg)38px;border-bottom:1px solid var(--color-border);background-color:var(--color-bg-secondary)}.library-title{color:var(--color-text);margin:0 0 var(--spacing-sm)0;font-size:24px;font-weight:700}.library-description{color:var(--color-text-secondary);margin:0;font-size:14px}.library-grid{padding:var(--spacing-xl)var(--spacing-xl)100px 38px;gap:var(--spacing-md);flex:1;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));align-content:start;display:grid;overflow-y:auto}@media (max-width:768px){.library-header{padding-left:70px;padding-right:var(--spacing-md)}.library-title{font-size:20px}.library-grid{padding:var(--spacing-md);grid-template-columns:1fr}}