:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:var(--lightningcss-light,#f6f7f9)var(--lightningcss-dark,#12141a);--panel:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1a1d25);--panel-2:var(--lightningcss-light,#eef0f4)var(--lightningcss-dark,#232733);--border:var(--lightningcss-light,#dde1e8)var(--lightningcss-dark,#2c313e);--text:var(--lightningcss-light,#1c2030)var(--lightningcss-dark,#e6e8ef);--muted:var(--lightningcss-light,#667085)var(--lightningcss-dark,#8b93a7);--accent:var(--lightningcss-light,#4f5fe8)var(--lightningcss-dark,#7c8cff);--on-accent:var(--lightningcss-light,#fff)var(--lightningcss-dark,#0d1020);--danger:var(--lightningcss-light,#c0362c)var(--lightningcss-dark,#ff7b6e);--checker:var(--lightningcss-light,#e6e8ec)var(--lightningcss-dark,#2a2e38);--overlay:var(--lightningcss-light,#f6f7f9f7)var(--lightningcss-dark,#08090cf0)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:14px/1.4 system-ui,Segoe UI,sans-serif}a{color:var(--accent)}button,input,select,.button{font:inherit;color:inherit;background:var(--panel);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:6px 10px;text-decoration:none}button:hover,.button:hover{background:var(--panel-2)}input{cursor:text}input[type=range]{accent-color:var(--accent);cursor:pointer;background:0 0;border:none;margin:0;padding:0}.icon{flex:none;width:18px;height:18px}.primary{background:var(--accent);color:var(--on-accent);border-color:#0000;font-weight:600}.primary:hover{background:var(--accent);filter:brightness(1.1)}.link{color:var(--accent);background:0 0;border:none}.muted{color:var(--muted)}.small{font-size:12px}.error{color:var(--danger)}.group{align-items:center;gap:2px;display:flex}.checker .bg{background:repeating-conic-gradient(var(--checker) 0 25%, var(--panel) 0 50%) 0 0 / 16px 16px}.pixelated img{image-rendering:pixelated}@media (pointer:coarse){input,select{font-size:16px}}.loading-img{opacity:0}.loading{color:var(--muted);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.loading-icon{aspect-ratio:1;width:min(30%,64px);position:relative}.loading-icon>.icon{width:100%;height:100%}.spinner{aspect-ratio:1;border:3px solid var(--border);border-top-color:var(--accent);background:var(--panel-2);border-radius:50%;width:50%;animation:.8s linear infinite spin;position:absolute;bottom:-15%;right:-15%}@keyframes spin{to{transform:rotate(360deg)}}.tile{background:var(--panel);border:1px solid var(--border);cursor:pointer;content-visibility:auto;contain-intrinsic-size:auto var(--tile) auto calc(var(--tile) + 50px);border-radius:8px;overflow:hidden}.tile:hover,.tile:focus-visible{border-color:var(--accent);outline:none}.thumb{aspect-ratio:1;background:var(--panel-2);color:var(--muted);place-items:center;display:grid;position:relative;overflow:hidden}.thumb.bg{padding:8px}.thumb img{object-fit:contain;width:100%;height:100%}.thumb>.icon{width:30%;height:30%}.play{background:var(--accent);width:34px;height:34px;color:var(--on-accent);border:none;border-radius:50%;padding:0;font-size:12px;position:absolute;bottom:8px;right:8px}.play:hover{background:var(--accent);filter:brightness(1.1)}.play.buffering:after{content:"";border:3px solid #0000;border-top-color:var(--accent);border-radius:50%;animation:.8s linear infinite spin;position:absolute;inset:-4px}.tile .name,.tile .small{white-space:nowrap;text-overflow:ellipsis;padding:0 8px;overflow:hidden}.tile .name{padding-top:6px;font-size:12px}.tile .small{padding-bottom:6px}.grid{flex:1;padding:0 16px 24px;overflow:auto}.grid h3{color:var(--muted);cursor:pointer;background:var(--bg);z-index:1;margin:16px 0 8px;padding:4px 0;font-size:14px;position:sticky;top:0}.tiles{grid-template-columns:repeat(auto-fill, minmax(var(--tile), 1fr));gap:12px;display:grid}.folder-tree details details,.folder-tree details .leaf{margin-left:14px}.folder-tree summary{color:var(--text)}.leaf{padding-left:14px}.folder{cursor:pointer;border-radius:4px;justify-content:space-between;gap:8px;width:calc(100% - 16px);padding:3px 6px;display:inline-flex}.leaf .folder{width:100%}.folder:hover{background:var(--panel-2)}.folder.active{background:var(--accent);color:var(--on-accent)}.folder.active .muted{color:inherit}@media (width<=760px){.folder{width:calc(100% - 28px);margin-left:6px;padding:8px}.leaf .folder{width:calc(100% - 6px)}}.load-status{z-index:1;background:var(--panel);border:1px solid var(--border);pointer-events:none;border-radius:8px;width:min(520px,100% - 32px);padding:10px 14px;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000026}.load-status.failed{border-color:var(--danger);color:var(--danger);pointer-events:auto}.load-text{align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.load-text .small{text-align:right;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;flex:1;min-width:0;overflow:hidden}.load-label{font-weight:600}.load-track{background:var(--panel-2);border-radius:3px;height:6px;overflow:hidden}.load-fill{background:var(--accent);border-radius:3px;height:100%;transition:width .15s linear}.load-track.indeterminate .load-fill{width:30%;animation:1.2s ease-in-out infinite load-slide}@keyframes load-slide{0%{transform:translate(-100%)}to{transform:translate(340%)}}@media (width<=760px){.load-status{bottom:8px}.load-text{flex-wrap:wrap;gap:0 10px}.load-text .small{text-align:left;flex-basis:100%}}.bar{background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;padding:10px 16px;display:flex}.bar .group{gap:4px;margin:0 8px}.info{flex:1;min-width:0}@media (width<=760px){.bar{padding:8px 12px}.bar .info{flex-basis:calc(100% - 60px)}.bar>button:last-child{order:-1}.bar .info{order:-2}.bar .group{margin:0}}.info div{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.zoomable{position:absolute;inset:0}.zoom{justify-content:center;align-items:center;display:flex}.zoom img{object-fit:contain;width:100%;height:100%}.lightbox{z-index:10;background:var(--overlay);flex-direction:column;display:flex;position:fixed;inset:0}.stage{flex:1;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;min-height:0;display:grid;position:relative}.stage video{max-width:92%;max-height:92%}.stage .error{text-align:center;max-width:420px;padding:0 24px}.stage audio{width:min(480px,90vw)}.nav{opacity:.8;padding:8px 14px;font-size:32px;position:absolute;top:50%;transform:translateY(-50%)}.prev{left:12px}.next{right:12px}@media (width<=760px){.nav{padding:4px 8px;font-size:24px}.prev{left:4px}.next{right:4px}}.status{color:var(--muted);padding:8px 16px;font-size:12px}@media (width<=760px){.status{padding:8px 12px}}.toggle{color:var(--muted);align-items:center;gap:6px;padding:6px 8px;font-size:12px;display:inline-flex}.toggle.on{background:var(--accent);color:var(--on-accent);border-color:#0000}.toggle.on:hover{background:var(--accent);filter:brightness(1.1)}.group.display{gap:8px;margin-left:auto}.group.display input[type=range]{width:120px}.search{background:var(--panel);border:1px solid var(--border);max-width:320px;color:var(--muted);border-radius:6px;flex:160px;align-items:center;gap:6px;padding:0 10px;display:flex}.search:focus-within{border-color:var(--accent)}.search input{background:0 0;border:none;outline:none;flex:1;min-width:0;padding:6px 0}.toolbar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 16px;display:flex}@media (width<=760px){.toolbar{gap:8px;padding:8px 12px}.toolbar .search{flex-basis:100%;max-width:none}.toolbar .group.display{flex:1;justify-content:flex-end}.toolbar .group.display input[type=range]{flex:1;width:auto;min-width:60px;max-width:120px}}.repo-form{flex-wrap:wrap;flex:1;gap:6px;min-width:0;display:flex}.repo-form input{flex:200px;min-width:0}.repo-form select{min-width:0;max-width:180px}@media (width<=760px){.repo-form input{flex-basis:100%}.repo-form select{flex:1;max-width:none}}.icon-button{place-items:center;padding:6px;display:inline-grid}.user{color:var(--muted);align-items:center;gap:6px;display:flex}@media (width<=760px){.user .login{display:none}}.user img{border-radius:50%;width:24px;height:24px}.topbar{background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;padding:8px 16px;display:flex}@media (width<=760px){.topbar{gap:8px;padding:8px 12px}.topbar>b{margin-right:auto}.topbar .repo-form{flex-basis:100%;order:1}}.app{flex-direction:column;height:100vh;display:flex}.main{flex:1;min-height:0;display:flex}.sidebar{background:var(--panel);border-right:1px solid var(--border);flex:none;width:260px;padding:8px;overflow:auto}.content{flex-direction:column;flex:1;min-width:0;display:flex}.sidebar-toggle{display:none}@media (width<=760px){.app{height:auto;min-height:100dvh}.content .grid{overflow:visible}.main{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border);flex:none;width:auto;padding:8px 12px;overflow:visible}.sidebar:empty{display:none}.sidebar-toggle{align-items:center;gap:8px;width:100%;padding:8px 10px;display:flex}.sidebar-dir{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sidebar-toggle .icon:last-child{transition:transform .15s}.sidebar.open .sidebar-toggle .icon:last-child{transform:rotate(180deg)}.sidebar:not(.open) .folder-tree{display:none}.sidebar .folder-tree{max-height:45dvh;margin-top:8px;overflow:auto}}