.works-page{display:grid;grid-template-rows:auto auto auto 1fr;height:100vh;height:100dvh;max-height:100dvh;overflow:hidden;background:var(--bg-primary)}.works-page>.backup-notice{margin:8px 16px}.works-body{display:grid;grid-template-columns:260px 1fr;min-height:0;min-width:0;overflow:hidden;gap:0;padding:0 16px 16px}@media (max-width: 1023px){.works-body{grid-template-columns:1fr}.works-sidebar{display:none}}.works-sidebar{display:flex;flex-direction:column;border-inline-end:.5px solid var(--border, rgba(255,255,255,.1));padding-inline-end:12px;overflow-y:auto}.works-sidebar-head{display:flex;justify-content:space-between;align-items:center;padding:10px 8px;border-block-end:.5px solid var(--border, rgba(255,255,255,.08));margin-block-end:6px}.works-sidebar-title{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold, #E5C76B)}.works-new-folder{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:50%;background:transparent;color:var(--text-muted, rgba(255,255,255,.55));cursor:pointer}.works-new-folder:hover{background:#ffffff0f;color:var(--gold, #E5C76B)}.works-folder-list{display:flex;flex-direction:column;gap:2px}.works-folder-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-sm, 8px);cursor:pointer;color:var(--text-secondary, rgba(255,255,255,.75));transition:background .16s ease,color .16s ease}.works-folder-item:hover{background:var(--bg-hover, rgba(255,255,255,.05));color:var(--text-primary, #f5f5f5)}.works-folder-item.active{background:#d4af371a;color:var(--gold, #E5C76B)}.works-folder-icon{flex-shrink:0;color:currentColor}.works-folder-name{flex:1 1 auto;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.works-folder-count{font-size:11px;color:var(--text-muted, rgba(255,255,255,.55));font-variant-numeric:tabular-nums}.works-folder-delete{width:20px;height:20px;display:none;border:none;border-radius:50%;background:transparent;color:var(--text-muted, rgba(255,255,255,.55));cursor:pointer;font-size:14px;line-height:1}.works-folder-item:hover .works-folder-delete{display:inline-flex;align-items:center;justify-content:center}.works-folder-delete:hover{color:#ef4444;background:#ef44441a}.works-main{display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden;padding-inline-start:16px}.works-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 4px;border-block-end:.5px solid var(--border, rgba(255,255,255,.08));margin-block-end:12px}.works-toolbar-info{display:flex;flex-direction:column;gap:2px}.works-folder-current{font-size:16px;font-weight:600;color:var(--text-primary, #f5f5f5)}.works-count-info{font-size:12px;color:var(--text-muted, rgba(255,255,255,.55))}.works-toolbar-actions{display:flex;flex-wrap:wrap;gap:6px}.works-tool-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border:.5px solid var(--border, rgba(255,255,255,.1));border-radius:var(--radius-sm, 8px);background:transparent;color:var(--text-secondary, rgba(255,255,255,.75));font-size:12px;cursor:pointer;transition:all .16s ease}.works-tool-btn:hover:not(:disabled){background:var(--bg-hover, rgba(255,255,255,.05));color:var(--text-primary, #f5f5f5)}.works-tool-btn:disabled{opacity:.4;cursor:not-allowed}.works-tool-danger:not(:disabled){color:#ef4444;border-color:#ef44444d}.works-tool-danger:hover:not(:disabled){background:#ef44441a}.works-tool-primary{background:linear-gradient(135deg,#d4af372e,#f3e5ab1a,#d4af372e);border-color:#d4af3780;color:var(--gold, #E5C76B);font-weight:600}.works-tool-primary:hover:not(:disabled){background:linear-gradient(135deg,#d4af374d,#f3e5ab33,#d4af374d)}.works-tag-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:4px 0 12px;border-block-end:.5px solid var(--border, rgba(255,255,255,.06));margin-block-end:12px}.works-tag-row-label{font-size:11px;color:var(--text-muted, rgba(255,255,255,.55));margin-inline-end:4px}.works-tag-chip{padding:4px 10px;border:.5px solid var(--border, rgba(255,255,255,.1));border-radius:999px;background:transparent;color:var(--text-secondary, rgba(255,255,255,.75));font-size:11px;cursor:pointer;transition:all .16s ease}.works-tag-chip:hover{background:var(--bg-hover, rgba(255,255,255,.05));color:var(--text-primary, #f5f5f5)}.works-tag-chip.active{background:#00c9ff26;border-color:var(--accent-cyan, #00C9FF);color:var(--accent-cyan, #00C9FF)}.work-card-tags{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px}.work-card-tag{font-size:9px;padding:1px 6px;border-radius:999px;background:#00c9ff1f;color:var(--accent-cyan, #00C9FF);white-space:nowrap}.work-card-tag-more{font-size:9px;padding:1px 6px;color:var(--text-muted, rgba(255,255,255,.55))}.works-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px 16px;margin:8px 16px 0;border:.5px solid var(--border, rgba(255,255,255,.08));border-radius:var(--radius-md, 10px);background:var(--bg-card, rgba(255,255,255,.02))}@media (max-width: 767px){.works-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.works-stat-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.works-stat-label{font-size:10px;color:var(--text-muted, rgba(255,255,255,.55));letter-spacing:.5px}.works-stat-value{font-size:22px;font-weight:700;color:var(--gold, #E5C76B);font-variant-numeric:tabular-nums}.works-grid{flex:1 1 auto;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;padding-block-end:16px}.work-card{position:relative;border:.5px solid var(--border, rgba(255,255,255,.1));border-radius:var(--radius-md, 10px);background:var(--bg-card, rgba(255,255,255,.02));cursor:pointer;overflow:hidden;transition:border-color .16s ease,transform .16s ease}.work-card:hover{border-color:#d4af3766;transform:translateY(-2px)}.work-card.selected{border-color:var(--gold, #E5C76B);box-shadow:0 0 12px #d4af374d}.work-card-thumb{position:relative;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;background:#0000004d;overflow:hidden}.work-card-thumb img{width:100%;height:100%;object-fit:cover}.work-card-thumb-placeholder{color:var(--text-muted, rgba(255,255,255,.3));font-size:32px}.work-card-check{position:absolute;inset-block-start:8px;inset-inline-end:8px;width:18px;height:18px;accent-color:var(--gold, #E5C76B)}.work-card-foot{padding:8px 10px;border-block-start:.5px solid var(--border, rgba(255,255,255,.08))}.work-card-name{font-size:12px;font-weight:500;color:var(--text-primary, #f5f5f5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-card-meta{font-size:10px;color:var(--text-muted, rgba(255,255,255,.55));margin-top:2px}.works-empty{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-muted, rgba(255,255,255,.55));text-align:center}.works-empty-icon{font-size:48px;color:var(--text-muted, rgba(255,255,255,.3))}.works-empty-title{font-size:16px;font-weight:600;color:var(--text-secondary, rgba(255,255,255,.75))}.works-empty-sub{font-size:13px}