/* Media-library layout. Shared controls and colors live in style.css. */
.library-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;align-items:start}
.shoot-sidebar{display:grid;gap:6px;border-right:1px solid var(--line);padding-right:18px;min-width:0}
.shoot-sidebar>.primary{width:100%;margin-bottom:12px}.shoot-sidebar h2{font-size:12px;color:var(--muted);font-weight:500;margin:18px 12px 8px}
.shoot-link{position:relative;display:block;text-align:left;width:100%;min-width:0;padding:11px 12px;border:0;border-radius:8px;background:transparent;color:var(--text);font-size:13px;overflow-wrap:anywhere}
.shoot-link small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.shoot-link:hover{background:var(--new-box-hover)}
.shoot-link.active{background:var(--raised);box-shadow:inset 3px 0 var(--accent);font-weight:600}.shoot-link.active small{font-weight:400}
.shoot-sidebar details{margin:18px 8px;font-size:12px;color:var(--muted)}.shoot-sidebar summary{padding:5px 0}.shoot-sidebar details .shoot-link{margin-top:6px}
.shoot-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.shoot-actions h2{margin-right:auto}
.folder-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:18px}
.folder-tab{position:relative;display:flex;align-items:center;gap:8px;padding:0 2px 12px;border:0;background:transparent;color:var(--muted);font-size:14px;min-height:38px}
.folder-tab::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transition:transform var(--motion)}
.folder-tab.active{color:var(--text);font-weight:600}.folder-tab.active::after{transform:scaleX(1)}.folder-tab:hover{color:var(--text)}
.library-panel{padding:0;border:0;border-radius:0}.library-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.library-toolbar>.text-input{flex:1;min-width:200px}.library-toolbar select{width:140px}
.selection-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:16px 0;padding:12px;background:var(--raised);border:1px solid var(--line);border-radius:8px}
.selection-bar .secondary,.selection-bar .primary{font-size:12px;min-height:34px;padding:6px 10px}.selection-bar .primary{margin-left:auto}
.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:16px;min-height:100px;transition:opacity var(--motion)}
.library-grid[aria-busy=true]{opacity:.55;pointer-events:none}
.library-card{min-width:0;position:relative;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface);transition:border-color var(--motion),box-shadow var(--motion)}
.library-card:hover{border-color:var(--muted)}.picture-button{position:relative;display:block;width:100%;border:0;padding:0;background:var(--raised);overflow:hidden}
.picture-button::after{content:'预览';position:absolute;right:10px;bottom:10px;background:#0009;color:#fff;border-radius:5px;padding:4px 8px;font-size:11px;opacity:0;transform:translateY(3px);transition:opacity var(--motion),transform var(--motion)}
.picture-button:hover::after,.picture-button:focus-visible::after{opacity:1;transform:none}.picture-button:focus-visible{outline-offset:-4px}
.library-picture{width:100%;height:155px;object-fit:cover;display:block}.library-card-info{padding:12px}.library-card-info .asset-name{line-height:1.6;font-size:13px;white-space:nowrap}
.card-actions{display:flex;gap:8px;margin-top:12px}.card-actions>*{flex:1;min-width:0;font-size:11px;min-height:32px;padding:6px 8px;text-align:center}
.empty-library{text-align:center;color:var(--muted);font-size:13px;padding:60px 20px;border:1px dashed var(--line);border-radius:8px;margin-top:16px}
.pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin-top:20px;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}
.pager .secondary{font-size:12px;min-height:32px;padding:5px 10px}.pager select{width:130px;min-height:32px;padding:5px 8px;font-size:12px}.source-pager{margin:16px 0 0}
@media(max-width:1100px){.library-layout{grid-template-columns:170px minmax(0,1fr);gap:18px}.shoot-sidebar{padding-right:14px}}
@media(max-width:760px){.library-layout{grid-template-columns:1fr}.shoot-sidebar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;border-right:0;border-bottom:1px solid var(--line);padding:0 0 16px}.shoot-sidebar>.primary{width:auto;margin:0}.shoot-sidebar>.shoot-link{width:auto}.shoot-sidebar h2{display:none}#shoot-list{display:flex;flex-wrap:wrap;gap:6px;width:100%}#shoot-list .shoot-link{width:auto}.shoot-sidebar details{margin:0}.library-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr))}.library-picture{height:140px}.selection-bar .primary{margin-left:0}}
@media(max-width:420px){.library-toolbar>.text-input{min-width:100%;flex-basis:100%}.library-toolbar select{flex:1}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.library-picture{height:120px}.library-card-info{padding:10px}.card-actions{flex-wrap:wrap}.folder-tabs{gap:20px}.selection-bar{gap:8px}.selection-bar .primary{width:100%}}