.gallery-overlay{display:none;position:fixed;inset:0;background:#060a06d9;backdrop-filter:blur(4px);z-index:400;align-items:center;justify-content:center;padding:32px}.gallery-overlay.visible{display:flex}.gallery-modal{background:var(--surface);border:1px solid var(--border2);width:880px;max-width:100%;max-height:100%;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-float);border-radius:var(--r-lg)}.gallery-header{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.gallery-title{font-family:Bebas Neue,sans-serif;font-size:18px;letter-spacing:5px;color:var(--accent2);text-shadow:0 0 12px rgba(0,255,127,.3);flex-shrink:0}.gallery-search{flex:1;font-family:DM Mono,monospace;font-size:10px;background:var(--bg);color:var(--text);border:1px solid var(--border);padding:6px 10px;outline:none;letter-spacing:1px;margin-left:16px;max-width:280px;border-radius:var(--r-sm)}.gallery-search:focus{border-color:var(--accent2)}.gallery-close{font-family:DM Mono,monospace;font-size:14px;color:var(--label);background:transparent;border:1px solid var(--border);cursor:pointer;padding:4px 9px;margin-left:auto;transition:all var(--trans);border-radius:var(--r-sm)}.gallery-close:hover{color:var(--danger);border-color:var(--danger)}.gallery-grid{flex:1;overflow-y:auto;padding:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;align-content:start;min-height:0}.gallery-grid::-webkit-scrollbar{width:6px}.gallery-grid::-webkit-scrollbar-track{background:transparent}.gallery-grid::-webkit-scrollbar-thumb{background:var(--border2);border-radius:var(--r-pill)}.gallery-empty{flex:1;display:none;align-items:center;justify-content:center;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--border2);padding:40px}.gallery-grid:has(.gallery-section-header){display:block}.gallery-section-header{font-family:Bebas Neue,sans-serif;font-size:13px;letter-spacing:4px;color:var(--label);margin:4px 0 12px;padding-bottom:5px;border-bottom:1px solid var(--border)}.gallery-section-header:not(:first-child){margin-top:22px}.gallery-section-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.gallery-card{background:var(--bg);border:1px solid var(--border);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative;text-align:left;font-family:DM Mono,monospace;color:var(--text);padding:0;transition:border-color var(--trans),transform var(--trans);border-radius:var(--r-sm)}.gallery-card:hover{border-color:var(--accent2);transform:translateY(-1px)}.gallery-card-thumb{width:100%;aspect-ratio:16 / 9;background:var(--surface2);display:flex;align-items:center;justify-content:center;overflow:hidden}.gallery-card-thumb img{width:100%;height:100%;object-fit:cover;display:block}.gallery-card-thumb.no-thumb{font-family:Bebas Neue,sans-serif;font-size:32px;letter-spacing:4px;color:var(--border2)}.gallery-card-body{padding:9px 11px;display:flex;flex-direction:column;gap:3px}.gallery-card-name{font-size:10px;letter-spacing:1.5px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery-card-sub{font-size:8px;letter-spacing:1px;color:var(--label)}.gallery-card-del{position:absolute;top:4px;right:4px;background:#000000b3;color:var(--danger);font-size:11px;line-height:1;padding:3px 7px;border:1px solid rgba(255,77,0,.4);cursor:pointer;display:none;user-select:none;border-radius:var(--r-xs)}.gallery-card:hover .gallery-card-del{display:block}.gallery-card-del:hover{background:#ff4d0033}.gallery-footer{border-top:1px solid var(--border);padding:12px 20px;flex-shrink:0}.gallery-extras{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.gallery-extra-btn{font-family:DM Mono,monospace;font-size:9px;letter-spacing:2px;text-transform:uppercase;padding:7px 12px;border:1px solid var(--border);background:transparent;color:var(--label);cursor:pointer;transition:all var(--trans);border-radius:var(--r-sm)}.gallery-extra-btn:hover{border-color:var(--accent2);color:var(--accent2)}.gallery-list{display:block}.gallery-list-head,.gallery-list-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 130px minmax(0,180px);gap:12px;align-items:center}.gallery-list-head{padding:0 10px 6px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--panel, var(--bg));z-index:2}.gallery-list-h{background:none;border:0;padding:0;cursor:pointer;text-align:left;font-family:DM Mono,monospace;font-size:8px;letter-spacing:1.5px;color:var(--border2);text-transform:uppercase;white-space:nowrap}.gallery-list-h:hover{color:var(--label)}.gallery-list-h.sorted{color:var(--accent)}.gallery-list-row{position:relative;padding:9px 10px;border-bottom:1px solid var(--border);cursor:pointer;font-size:11px;color:var(--text, #d7dce5)}.gallery-list-row:hover{background:#00e5ff0d}.gallery-list-row .gl-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery-list-row .gl-song,.gallery-list-row .gl-when,.gallery-list-row .gl-layout{font-family:DM Mono,monospace;font-size:9px;letter-spacing:.5px;color:var(--border2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gl-badge{margin-left:8px;font-family:DM Mono,monospace;font-size:8px;letter-spacing:1px;color:var(--accent)}.gallery-list-row .gallery-card-del{position:absolute;right:6px;top:50%;transform:translateY(-50%);opacity:0}.gallery-list-row:hover .gallery-card-del{opacity:1}.gallery-list-row.selected{background:#00e5ff21;box-shadow:inset 2px 0 0 var(--accent)}.gallery-list-row.selected:hover{background:#00e5ff2b}.gallery-sel-acts{display:flex;gap:8px;align-items:center}.gallery-sel-btn{background:none;border:1px solid var(--border);color:var(--label);padding:6px 12px;font-family:DM Mono,monospace;font-size:9px;letter-spacing:1.5px;cursor:pointer;border-radius:var(--r-sm, 4px)}.gallery-sel-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.gallery-sel-btn.primary:not(:disabled){color:var(--accent);border-color:#00e5ff66}.gallery-sel-btn.danger:not(:disabled):hover{color:#ff5470;border-color:#ff5470}.gallery-sel-btn:disabled{opacity:.3;cursor:not-allowed}@media (max-width: 700px){.gallery-list-head,.gallery-list-row{grid-template-columns:minmax(0,1fr) 110px}.gallery-list-head .gl-layout,.gallery-list-row .gl-layout,.gallery-list-head .gl-song,.gallery-list-row .gl-song{display:none}}.version-modal{max-width:560px;width:92vw}.version-sub{font-family:DM Mono,monospace;font-size:9px;letter-spacing:1px;color:var(--label);text-transform:uppercase;margin-top:3px}.version-note{padding:10px 18px 12px;font-size:11px;line-height:1.5;color:var(--label);border-bottom:1px solid var(--border)}.version-note b{color:var(--text);font-weight:600}.version-list{max-height:52vh;overflow-y:auto;padding:6px 0 10px}.version-empty{padding:26px 20px;text-align:center;font-size:11px;color:var(--label)}.version-row{display:flex;align-items:center;gap:10px;padding:7px 18px;border-bottom:1px solid var(--border)}.version-row:last-child{border-bottom:0}.version-row:hover{background:#ffffff08}.version-when{flex:1;min-width:0;font-size:12px;color:var(--text)}.version-why{font-family:DM Mono,monospace;font-size:8px;letter-spacing:1px;padding:2px 6px;border-radius:var(--r-pill);color:var(--label);border:1px solid var(--border2)}.version-size{font-family:DM Mono,monospace;font-size:9px;color:var(--border2);min-width:46px;text-align:right}.version-restore{font-family:DM Mono,monospace;font-size:8px;letter-spacing:1px;padding:4px 9px;border-radius:3px;cursor:pointer;color:var(--accent);background:transparent;border:1px solid var(--accent)}.version-restore:hover:not(:disabled){background:var(--accent);color:var(--bg)}.version-restore:disabled{opacity:.5;cursor:default}.version-del{font-size:11px;line-height:1;padding:3px 5px;cursor:pointer;color:var(--border2);background:transparent;border:0}.version-del:hover{color:var(--danger, #ff4d5e)}.gallery-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:54px 20px;color:var(--label)}