.library-grid{grid-template-columns:repeat(auto-fill,minmax(min(180px,100%),1fr));align-items:start;gap:16px 12px;display:grid}.library-tile{min-width:0;position:relative}.library-thumbnail{aspect-ratio:1;background:var(--library-surface);border:1px solid var(--library-border);border-radius:6px;justify-content:center;align-items:center;width:100%;min-width:0;display:flex;position:relative;overflow:hidden}.library-thumbnail-error{background:var(--library-surface);color:var(--library-text);text-align:center;border-radius:4px;padding:4px;font-size:12px;position:absolute;inset:auto 4px 4px}.library-tile.selected .library-thumbnail{outline:2px solid var(--library-primary);outline-offset:-2px}.library-tile-select{z-index:1;background:var(--library-surface);border-radius:4px;padding:2px;position:absolute;top:8px;left:8px}.library-thumbnail-placeholder{color:var(--library-muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:12px;display:flex}.library-tile-caption{justify-content:space-between;align-items:center;gap:4px;min-width:0;padding-top:4px;display:flex}.library-tile-name{text-align:left;flex:1;justify-content:flex-start;min-width:0;padding-inline:0}.library-tile-name span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.library-tile-name:focus-visible,.library-thumbnail [role=button]:focus-visible{outline:2px solid var(--library-primary);outline-offset:2px;border-radius:4px}.library-folders{gap:8px;margin-bottom:8px;padding:2px 2px 8px;display:flex;overflow-x:auto}.library-folder{flex:none;gap:2px;max-width:240px;display:flex}.library-folder-link{flex:1;min-width:0}.library-folder-link span{text-overflow:ellipsis;overflow:hidden}.library-detail-name{overflow-wrap:anywhere}@media (width<=480px){.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}}