.library-main{padding:0!important;height:100%;overflow:hidden;display:flex;flex-direction:column}.library-layout{display:grid;grid-template-columns:220px 1fr;flex:1;min-height:0;overflow:hidden}.library-sidebar{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-lg) var(--space-md);border-right:1px solid var(--border-subtle);overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.library-sidebar::-webkit-scrollbar{display:none}.lib-upload-btn{width:100%;font-size:13px}.lib-storage{margin-top:auto;padding-top:var(--space-lg);border-top:1px solid var(--border-subtle)}.storage-legend{display:flex;flex-direction:column;gap:6px;margin-top:var(--space-sm)}.legend-item{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted)}.legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.legend-item--assets .legend-dot{background:var(--accent-primary)}.legend-item--ai .legend-dot{background:#ff7a00}.legend-item--free .legend-dot{background:#ffffff26}.tag-assign-panel{padding-top:var(--space-lg);border-top:1px solid var(--border-subtle)}.tag-assign-hint{font-size:11px;color:var(--text-muted);margin-bottom:var(--space-sm);line-height:1.5}.tag-assign-btns{display:flex;flex-direction:column;gap:var(--space-xs);opacity:.35;pointer-events:auto;transition:opacity var(--transition-fast)}.tag-assign-btns.has-selection{opacity:1;pointer-events:auto}.tag-assign-btn{display:flex;align-items:center;gap:var(--space-sm);padding:9px var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-muted);font-size:13px;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);width:100%;text-align:left;white-space:nowrap}.tag-assign-btn svg{width:15px;height:15px;flex-shrink:0;stroke:currentColor}.tag-assign-btn:hover{background:#ffffff0f;color:var(--text-main);border-color:#ffffff26}.tag-assign-btn.is-current[data-tag=logo]{background:#ffb0201f;color:var(--accent-primary);border-color:#ffb02059}.tag-assign-btn.is-current[data-tag=image]{background:#64b4ff1a;color:#64b4ff;border-color:#64b4ff4d}.tag-assign-btn.is-current[data-tag=reference]{background:#a064ff1a;color:#a064ff;border-color:#a064ff4d}.library-content{display:flex;flex-direction:column;overflow:hidden;min-height:0}.asset-grid-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.search-wrapper{flex:1;display:flex;align-items:center;gap:var(--space-sm);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:0 var(--space-sm)}.search-wrapper svg{width:16px;height:16px;color:var(--text-muted);flex-shrink:0}.search-wrapper input{background:transparent;border:none;color:var(--text-main);font-size:13px;padding:9px var(--space-sm);outline:none;width:100%}.search-wrapper input::placeholder{color:var(--text-muted)}.header-actions{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.select-wrapper{position:relative;display:flex;align-items:center}.select-icon{position:absolute;left:10px;width:14px;height:14px;color:var(--text-muted);pointer-events:none;z-index:1}.select-with-icon{padding-left:32px!important;font-size:13px;width:160px}.btn-delete-selected{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:transparent;color:var(--text-muted);font-size:12px;font-weight:600;cursor:not-allowed;opacity:.3;transition:all var(--transition-fast);white-space:nowrap}.btn-delete-selected svg{width:14px;height:14px}.btn-delete-selected:not([disabled]){cursor:pointer;opacity:1;color:var(--accent-secondary);border-color:var(--accent-secondary);background:#ff4b4b14}.btn-delete-selected:not([disabled]):hover{background:#ff4b4b2e}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-md);padding:var(--space-lg);overflow-y:auto;overflow-x:hidden;flex:1;align-content:start;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.06) transparent}.asset-grid::-webkit-scrollbar{width:3px}.asset-grid::-webkit-scrollbar-track{background:transparent}.asset-grid::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:4px}.asset-card{position:relative;border-radius:var(--radius-md);background:var(--bg-card);border:2px solid transparent;cursor:pointer;transition:border-color var(--transition-fast);overflow:hidden;display:flex;flex-direction:column}.asset-card:hover{border-color:#ffffff1a}.asset-card.is-selected{border-color:var(--accent-primary)}.asset-card__thumb{aspect-ratio:1/1;overflow:hidden;flex-shrink:0}.asset-card__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;display:block}.asset-card:hover .asset-card__thumb img{transform:scale(1.04)}.asset-card__info{padding:var(--space-sm);display:flex;flex-direction:column;gap:3px;background:var(--bg-card)}.asset-card__tag{display:inline-flex;align-items:center;padding:2px 7px;border-radius:var(--radius-pill);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;width:fit-content}.tag--logo{background:#ffb02026;color:var(--accent-primary)}.tag--image{background:#64b4ff1f;color:#64b4ff}.tag--reference{background:#a064ff1f;color:#a064ff}.asset-card__name{display:block;font-size:12px;font-weight:500;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-card__meta{display:block;font-size:11px;color:var(--text-muted)}.asset-card__check-icon{position:absolute;top:var(--space-sm);right:var(--space-sm);width:22px;height:22px;border-radius:50%;background:var(--accent-primary);color:#000;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.6);transition:opacity var(--transition-fast),transform var(--transition-fast);z-index:2}.asset-card__check-icon svg{width:12px;height:12px}.asset-card.is-selected .asset-card__check-icon{opacity:1;transform:scale(1)}.lib-storage-mobile{display:none}@media(max-width:1024px){.library-layout{grid-template-columns:1fr;height:100%;overflow:hidden}.library-sidebar{display:none}.library-content{height:100%}.asset-grid-header{padding:var(--space-sm) var(--space-md);flex-wrap:wrap;gap:var(--space-sm)}.search-wrapper{flex:1 0 100%;order:1}.header-actions{order:2;width:100%;justify-content:space-between}.select-with-icon{width:auto;flex:1}.asset-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--space-sm);padding:var(--space-md);overflow-y:auto;scrollbar-width:none}.asset-grid::-webkit-scrollbar{display:none}.lib-storage-mobile{display:block;padding:var(--space-lg) var(--space-md);border-top:1px solid var(--border-subtle);flex-shrink:0}}@media(max-width:640px){.asset-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}