.library-grid--grid .library-item-controls{display:contents}.library-shell .library-grid--list .library-item-controls{box-sizing:border-box;display:flex;min-width:0;width:100%;align-items:center;align-content:start;flex-wrap:wrap;gap:7px 9px;margin:0;padding:0}.library-shell .library-grid--list .library-item-footer{display:contents}.library-shell .library-grid--list .library-item-controls>.library-item-footer>.library-status{display:inline-flex;flex:0 0 auto;order:1;width:max-content;max-width:100%;min-width:0;min-height:30px;align-self:center;padding:4px 9px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:767px){.library-shell .library-results .library-grid.library-grid--list{display:grid;grid-template-columns:minmax(0,1fr);gap:0;overflow:visible;border:1px solid var(--app-border);border-radius:12px;background:var(--app-surface)}.library-shell .library-grid--list .library-item{box-sizing:border-box;position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto auto;align-items:start;gap:8px 12px;min-width:0;width:100%;margin:0;padding:11px 12px;border:0;border-radius:0;background:transparent;box-shadow:none}.library-shell .library-grid--list .library-item-cover{grid-column:1;grid-row:1;width:64px;height:92px;margin:0;align-self:start}.library-shell .library-grid--list .library-item-content{display:contents}.library-shell .library-grid--list .library-item-heading{box-sizing:border-box;display:flex;grid-column:2;grid-row:1;flex-direction:row;align-items:flex-start;justify-content:space-between;gap:8px;min-width:0;width:100%;margin:0;padding:0}.library-shell .library-grid--list .library-item-heading>div{flex:1 1 auto;min-width:0}.library-shell .library-grid--list .library-item-heading h3{display:-webkit-box;max-width:100%;min-width:0;overflow:hidden;margin:0;white-space:normal;overflow-wrap:anywhere;font-size:var(--font-body);line-height:1.32;-webkit-box-orient:vertical;-webkit-line-clamp:2}.library-shell .library-grid--list .library-item-heading p{display:-webkit-box;max-width:100%;overflow:hidden;margin:4px 0 0;white-space:normal;overflow-wrap:anywhere;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.library-shell .library-grid--list .library-item-rating{flex:0 0 auto;max-width:42px;align-self:flex-start;white-space:nowrap;font-size:var(--font-caption)}.library-shell .library-grid--list .library-item-controls{grid-column:1 / -1;grid-row:2;gap:7px;margin:0;padding:0}.library-shell .library-grid--list .library-item-controls>.library-item-footer>.library-status{flex-basis:auto;min-height:28px;padding:3px 8px;font-size:var(--font-caption)}.library-shell .library-grid--list .library-status-label{position:absolute;width:1px;height:1px;overflow:hidden;margin:-1px;padding:0;clip-path:inset(50%);white-space:nowrap}.library-shell .library-grid--list .library-status-compact{display:inline}}@media(max-width:380px){.library-shell .library-grid--list .library-item{grid-template-columns:58px minmax(0,1fr);gap:8px 9px;padding:10px}.library-shell .library-grid--list .library-item-cover{width:58px;height:87px}}@media(min-width:768px){.library-shell .library-grid--list .library-item{box-sizing:border-box;position:relative;display:grid;min-width:0;grid-template-columns:60px minmax(0,1fr);align-items:center;column-gap:14px;row-gap:0;padding:12px 16px;transition:background .15s ease}.library-shell .library-grid--list .library-item-cover{grid-column:1;grid-row:1;width:60px;height:88px}.library-shell .library-grid--list .library-item-content{box-sizing:border-box;display:grid;grid-column:2;grid-row:1;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-items:center;align-content:center;gap:7px;min-width:0;min-height:0;margin:0;padding:0}.library-shell .library-grid--list .library-item-heading{display:flex;grid-column:1;grid-row:1;min-width:0;width:100%;align-items:flex-start;justify-content:space-between;gap:14px;margin:0}.library-shell .library-grid--list .library-item-heading>div{min-width:0}.library-shell .library-grid--list .library-item-heading h3,.library-shell .library-grid--list .library-item-heading p{max-width:100%;overflow:hidden;text-overflow:ellipsis}.library-shell .library-grid--list .library-item-heading p{margin-top:4px;line-height:1.4}.library-shell .library-grid--list .library-item-rating{align-self:flex-start;white-space:nowrap}.library-shell .library-grid--list .library-item-controls{grid-column:1;grid-row:2;gap:7px 9px}}@media(max-width:767px){.library-shell .library-grid--list .library-item-controls{display:grid;grid-template-columns:minmax(0,clamp(72px,24vw,112px)) max-content max-content max-content;grid-template-rows:44px;justify-content:start;align-items:center;width:100%;min-width:0;column-gap:8px;overflow:visible}.library-shell .library-grid--list .library-item-controls>.library-item-footer>.library-status{grid-column:1;grid-row:1;justify-self:start;width:max-content;max-width:100%;min-width:0;align-self:center;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:420px){.library-shell .library-grid--list .library-item-controls>.library-item-footer>.library-status{flex:0 1 auto;max-width:82px;padding:3px 6px;overflow:hidden;text-overflow:ellipsis}.library-shell .library-grid--list .library-item-controls{column-gap:5px}}@media(max-width:355px){.library-shell .library-grid--list .library-item-controls{column-gap:4px}.library-shell .library-grid--list .library-item-controls>.library-item-footer>.library-status{max-width:72px;padding:3px 5px}}@media(min-width:768px)and (max-width:1199px){.library-shell .library-grid--list .library-item-controls{display:grid;grid-template-columns:minmax(116px,145px) max-content max-content minmax(0,1fr) max-content;grid-template-rows:auto;align-items:center;gap:8px;width:100%;min-width:0}.library-shell .library-grid--list .library-item-controls>.library-item-footer>.library-status{grid-column:1;grid-row:1;justify-self:start;width:max-content;max-width:100%;margin:0}}@media(min-width:1200px){.library-shell .library-grid--list .library-item-controls{display:grid;grid-template-columns:150px max-content max-content minmax(0,1fr) max-content;grid-template-rows:auto;gap:10px;align-items:center}.library-shell .library-grid--list .library-item-controls>.library-item-footer>.library-status{grid-column:1;grid-row:1;justify-self:start}}@media(prefers-reduced-motion:reduce){.library-shell .library-grid--list .library-item{transition:none}}
