.works-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px}.works-toolbar .filter-tabs{flex-wrap:wrap}.works-toolbar .filter-tabs button[aria-pressed=true]{color:var(--ink-1);background:var(--panel-2)}.works-toolbar .filter-tabs button span{font-size:11px;margin-left:7px;color:var(--ink-3)}.works-status{font-size:12px;color:var(--down)}.works-status:empty{display:none}.works-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.work-card{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--panel)}.work-preview{aspect-ratio:16/10;background:var(--bg);display:flex;align-items:center;justify-content:center;overflow:hidden}.work-preview img,.work-preview video{width:100%;height:100%;object-fit:contain}.work-preview audio{width:calc(100% - 32px);height:48px}.work-preview>p{font-size:12px;color:var(--ink-3);padding:20px}.work-info{padding:16px}.work-heading{display:flex;gap:12px;align-items:start;justify-content:space-between}.work-heading h2{font-size:14px;line-height:1.6;margin:0;overflow-wrap:anywhere}.work-heading>span{font-size:11px;white-space:nowrap;color:var(--ink-3)}.work-info>p{font-size:11px;color:var(--ink-3);line-height:1.8;margin:8px 0 14px}.work-actions{display:flex;gap:14px;align-items:center}.work-actions button{font-size:12px}.work-actions button:disabled{opacity:.5;cursor:not-allowed}.works-grid>.empty{grid-column:1/-1}.works-loading{font-size:13px;color:var(--ink-3);padding:24px 0}
@media(max-width:580px){.works-grid{grid-template-columns:1fr}.works-toolbar .filter-tabs{gap:4px}.works-toolbar .filter-tabs button{padding:8px 9px}}
.work-actions{flex-wrap:wrap}.work-actions button{white-space:nowrap}
.work-play-cover{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;border:0;border-radius:0;color:var(--ink-1);background:var(--bg);cursor:pointer;overflow:hidden}.work-play-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.work-play-symbol{position:relative;display:grid;place-items:center;width:48px;height:48px;padding-left:3px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:rgba(0,0,0,.65);color:#fff;font-size:18px}.work-play-caption{position:relative;padding:4px 10px;border-radius:12px;background:rgba(0,0,0,.65);color:#fff;font-size:12px}.work-play-cover:focus-visible{outline:2px solid var(--ink-1);outline-offset:-4px}.work-retention .media-retention{display:block;margin-bottom:12px}