.icon-library{display:flex;flex-direction:column;gap:18px}.library-controls{display:flex;align-items:center;gap:10px;padding-bottom:16px;border-bottom:1px solid var(--lab-border)}.library-controls .search-box{flex:1;min-width:180px}.library-controls .search-box input{width:100%;height:34px;padding:0 11px;border:1px solid var(--lab-border);border-radius:9px;outline:0;background:rgba(255,255,255,.65);color:var(--lab-text);font-size:12px}.dark .library-controls .search-box input{background:rgba(255,255,255,.04)}.library-controls .search-box input:focus{border-color:rgba(79,70,229,.45)}.active-filter{display:inline-flex;min-height:30px;align-items:center;gap:6px;padding:0 9px;border-radius:8px;background:rgba(79,70,229,.08);color:#4338ca;font-size:11px;font-weight:650}.dark .active-filter{background:rgba(129,140,248,.11);color:#c7d2fe}.active-filter button{padding:0;border:0;background:rgba(0,0,0,0);color:currentColor;font-size:16px;line-height:1}.library-tags{display:flex;flex-wrap:wrap;gap:5px}.library-tag{display:inline-flex;min-height:28px;align-items:center;gap:4px;padding:0 8px;border:1px solid var(--lab-border);border-radius:8px;background:rgba(0,0,0,0);color:var(--lab-text-soft);font-size:10px;font-weight:650;transition:border-color .15s ease,color .15s ease,background .15s ease}.library-tag.active,.library-tag:hover{border-color:rgba(79,70,229,.28);background:rgba(79,70,229,.06);color:#4338ca}.dark .library-tag.active,.dark .library-tag:hover{color:#c7d2fe}.library-tag.refresh{padding:0 7px}.library-tag .count{color:var(--lab-text-muted);font-size:9px}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:7px}.icon-card{position:relative;min-width:0;padding:7px;border:1px solid rgba(0,0,0,0);border-radius:11px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.icon-card:hover{border-color:var(--lab-border);background:rgba(255,255,255,.55)}.icon-card:focus-visible{border-color:rgba(79,70,229,.4);outline:0}.dark .icon-card:hover{background:rgba(255,255,255,.035)}.icon-preview{display:flex;width:100%;height:62px;align-items:center;justify-content:center;margin-bottom:7px;border-radius:9px;background:rgba(148,163,184,.09)}.icon-preview img,.icon-preview svg{width:38px;height:38px;-o-object-fit:contain;object-fit:contain}.icon-name{color:var(--lab-text);font-size:10px;font-weight:650}.icon-meta,.icon-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-meta{margin-top:2px;color:var(--lab-text-muted);font-size:9px}.icon-actions{position:absolute;inset:auto 6px 6px;display:flex;justify-content:flex-end;gap:2px;opacity:0;transition:opacity .15s ease}.icon-card:focus-within .icon-actions,.icon-card:hover .icon-actions{opacity:1}.icon-actions button{display:inline-flex;width:25px;height:25px;align-items:center;justify-content:center;border:1px solid var(--lab-border);border-radius:7px;background:#fff;color:#64748b}.dark .icon-actions button{background:#171b24;color:#cbd5e1}.icon-library__summary{color:var(--lab-text-muted);font-size:11px;text-align:center}.icon-modal{position:fixed;z-index:1000;inset:0;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(15,23,42,.58)}.icon-modal .modal-content{position:relative;width:min(100%,460px);max-height:calc(100dvh - 36px);overflow-y:auto;padding:18px;border:1px solid var(--lab-border);border-radius:16px;background:#fff}.dark .icon-modal .modal-content{background:#121722}.modal-close{position:absolute;z-index:1;top:10px;right:10px;width:28px;height:28px;border:0;background:rgba(0,0,0,0);color:var(--lab-text-muted);font-size:20px}.modal-preview{display:flex;height:140px;align-items:center;justify-content:center;margin-bottom:14px;border-radius:12px;background:rgba(148,163,184,.09)}.modal-preview img{max-width:110px;max-height:110px;-o-object-fit:contain;object-fit:contain}.modal-info h3{margin:0 0 8px;color:var(--lab-text);font-size:16px;font-weight:700}.info-row{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--lab-border);color:var(--lab-text-soft);font-size:11px}.info-row .label{flex:0 0 auto;color:var(--lab-text-muted)}.info-row>:last-child{min-width:0;overflow-wrap:anywhere;text-align:right}.info-row .tags,.library-link,.repo-link{border:0;background:rgba(0,0,0,0);color:#4f46e5}.dark .info-row .tags,.dark .library-link,.dark .repo-link{color:#a5b4fc}.modal-actions{display:flex;gap:8px;margin-top:16px}.modal-actions button{flex:1}@media(max-width:640px){.library-controls{align-items:stretch;flex-direction:column}.icon-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr))}.icon-preview{height:50px}.icon-preview img,.icon-preview svg{width:31px;height:31px}.icon-actions{position:static;margin-top:6px;opacity:1}}