:root{--cols: 6;--rowh: 200px;--panel-w: 40vw;--tree-w: 22vw}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%}body{display:flex;flex-direction:column;background:#111;color:#eee;font:14px/1.3 system-ui,sans-serif;-webkit-user-select:none;user-select:none;overflow:hidden}#main{flex:1;display:flex;min-height:0}#grid.no-scroll{overflow:hidden}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#4a4a4a;border-radius:6px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:#616161}::-webkit-scrollbar-corner{background:transparent}#bar{z-index:1000;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 10px;background:#1c1c1c;border-bottom:1px solid #333}#bar button{background:#2c2c2c;color:#eee;border:1px solid #444;border-radius:6px;padding:6px 10px;font-size:14px;cursor:pointer;min-height:34px;touch-action:manipulation}#bar button:hover{background:#383838}#bar button.active{background:#2b7fff;border-color:#2b7fff;color:#fff}#bar button:disabled{opacity:.4;cursor:default}#bar select{background:#2c2c2c;color:#eee;border:1px solid #444;border-radius:6px;padding:6px 8px;min-height:34px;font-size:14px;touch-action:manipulation}#bar .grow{flex:1 1 auto;min-width:0}#folderName{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#aaa;max-width:40vw}#status{color:#6c6;min-width:70px;text-align:right}#otherWarn{position:relative;font-size:17px;cursor:help;line-height:1;padding:4px 2px}#otherWarn .pop{display:none;position:absolute;top:100%;left:-10px;background:#222;border:1px solid #555;border-radius:8px;padding:8px 12px;min-width:180px;max-width:70vw;max-height:50vh;overflow:auto;box-shadow:0 6px 18px #0000008c;font-size:13px;cursor:default}#otherWarn:hover .pop,#otherWarn.open .pop{display:block}#otherWarn .pop b{display:block;margin-bottom:5px;color:#dc6;white-space:nowrap}#otherWarn .pop div{color:#ccc;white-space:nowrap}#status.saving{color:#dc6}#status.error{color:#e66}.zoom{display:flex;align-items:center;gap:4px}.zoom b{min-width:2.5em;text-align:center;color:#bbb}#grid{flex:1;overflow-y:auto;min-width:0;position:relative;overscroll-behavior:none;display:grid;grid-template-columns:repeat(var(--cols),1fr);gap:2px;padding:2px;touch-action:pan-y}.cell{position:relative;background:#000;overflow:hidden;cursor:pointer;-webkit-touch-callout:none}#grid:not(.rows){container-type:inline-size;scrollbar-gutter:stable}#grid:not(.rows) .cell{height:calc((100cqw - (var(--cols) - 1) * 2px) / var(--cols))}.cell img,.cell video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;background:#000;-webkit-user-drag:none;user-select:none}#grid.rows{display:flex;flex-wrap:wrap;align-content:flex-start}#grid.rows .cell{aspect-ratio:auto;height:var(--rowh);flex-basis:calc(var(--rowh) * var(--ar, 1));flex-grow:var(--ar, 1);max-width:calc(var(--rowh) * var(--ar, 1) * 1.08)}#grid.rows .cell img,#grid.rows .cell video{object-fit:cover}#grid.rows:after{content:"";flex-grow:1e4;height:0}.cell .badge{position:absolute;left:3px;bottom:3px;background:#0009;color:#fff;font-size:11px;padding:1px 5px;border-radius:4px;pointer-events:none}.cell.selected:before{content:"";position:absolute;inset:0;z-index:1;background:#2b7fff52;outline:3px solid #2b7fff;outline-offset:-3px;pointer-events:none}.cell.selected:after{content:"\2713";position:absolute;top:4px;right:4px;z-index:2;min-width:20px;height:20px;padding:0 4px;box-sizing:border-box;border-radius:10px;background:#2b7fff;color:#fff;font:700 14px/20px system-ui,sans-serif;text-align:center;pointer-events:none}.cell.focus:before{content:"";position:absolute;inset:0;z-index:1;outline:3px solid #fd5;outline-offset:-3px;pointer-events:none}.pslot{position:relative;display:flex;align-items:center;justify-content:center;-webkit-touch-callout:none}.pslot img,.pslot video{max-width:100%;max-height:100%;object-fit:contain;background:#000;pointer-events:none}#panel{width:var(--panel-w);flex:none;position:relative;display:none;z-index:900;background:#161616}#panel.show{display:block}#panel.left{order:-1}#panel.right{order:1}#panelViewport{position:absolute;inset:0;overflow:hidden}#panelBody{position:absolute;inset:0;touch-action:none;transition:none}#panelBody .pslot{position:absolute;inset:0}#panelDivider{position:absolute;top:0;bottom:0;width:20px;z-index:5;cursor:col-resize;touch-action:none}#panel.right #panelDivider{left:-10px}#panel.left #panelDivider{right:-10px}#panelDivider:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background:#444;transform:translate(-50%)}#panelDivider:hover:before,#panelDivider.dragging:before{background:#2b7fff}#tree{width:var(--tree-w);flex:none;position:relative;order:-2;display:none;z-index:900;background:#161616;border-right:1px solid #333}#tree.show{display:block}#treeBody{position:absolute;inset:0;overflow:auto;padding:6px 4px}#treeDivider{position:absolute;top:0;bottom:0;right:-10px;width:20px;z-index:5;cursor:col-resize;touch-action:none}#treeDivider:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background:#444;transform:translate(-50%)}#treeDivider:hover:before,#treeDivider.dragging:before{background:#2b7fff}.trow{display:flex;align-items:center;gap:4px;padding:4px 6px;border-radius:6px;cursor:pointer;white-space:nowrap;width:max-content;min-width:100%;-webkit-touch-callout:none;touch-action:pan-y}.trow:hover{background:#262626}.trow.cur{background:#2b7fff33;outline:1px solid #2b7fff}.trow.cut{opacity:.45;outline:1px dashed #888}.twist{width:1.1em;text-align:center;color:#888;flex:none}.tnode.leaf>.trow .twist{visibility:hidden}.tkids{padding-left:14px}#treeMenu{position:fixed;z-index:1500;background:#1c1c1c;color:#eee;border:1px solid #444;border-radius:10px;padding:4px;min-width:200px;box-shadow:0 8px 24px #0000008c}#treeMenu button{display:block;width:100%;text-align:left;background:none;border:none;color:#eee;padding:8px 12px;border-radius:6px;font-size:14px;cursor:pointer;min-height:34px;touch-action:manipulation}#treeMenu button:hover:not(:disabled){background:#383838}#treeMenu button:disabled{opacity:.4;cursor:default}#treeMenu hr{border:none;border-top:1px solid #333;margin:4px 0}#selCancel{position:fixed;right:18px;bottom:18px;z-index:1600;min-width:44px;min-height:44px;padding:0 14px;display:flex;align-items:center;justify-content:center;gap:4px;background:#2c2c2c;color:#eee;border:1px solid #444;border-radius:22px;font-size:16px;cursor:pointer;touch-action:manipulation;box-shadow:0 6px 18px #0000008c}#selCancel:hover{background:#383838}#selCancel:active{background:#2b7fff;border-color:#2b7fff;color:#fff}#selCancel #selCount:empty{display:none}#thumbJob{position:fixed;left:18px;bottom:18px;z-index:1600;min-width:44px;min-height:44px;padding:0 14px;display:flex;align-items:center;justify-content:center;gap:4px;background:#2c2c2c;color:#eee;border:1px solid #444;border-radius:22px;font-size:16px;cursor:pointer;touch-action:manipulation;box-shadow:0 6px 18px #0000008c}#thumbJob:hover{background:#383838}#thumbJob:active{background:#2b7fff;border-color:#2b7fff;color:#fff}#settingsPanel{position:fixed;z-index:1500;background:#1c1c1c;color:#eee;border:1px solid #444;border-radius:10px;padding:10px 14px 14px;min-width:240px;max-width:min(360px,92vw);max-height:80vh;overflow:auto;box-shadow:0 8px 24px #0000008c;-webkit-user-select:text;user-select:text}#settingsPanel .set-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}#settingsPanel .set-head b{font-size:15px}#settingsPanel .set-head button{background:#2c2c2c;color:#eee;border:1px solid #444;border-radius:6px;width:34px;height:34px;font-size:14px;cursor:pointer;touch-action:manipulation}#settingsPanel .set-head button:hover{background:#383838}#settingsBody:empty:after{content:"More options coming soon.";color:#888;font-size:13px}.set-section{margin-top:14px;padding-top:14px;border-top:1px solid #333}.set-section:first-child{margin-top:4px;padding-top:0;border-top:none}.set-section h3{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#999}.set-row{display:flex;align-items:center;gap:8px;min-height:34px;margin-bottom:6px}.set-row label{flex:1 1 auto;color:#ccc}.set-row .set-val{min-width:3em;text-align:right;color:#bbb}.set-row select,.set-row input[type=number]{background:#2c2c2c;color:#eee;border:1px solid #444;border-radius:6px;padding:4px 6px;min-height:30px;font-size:13px;touch-action:manipulation}.set-row input[type=number]{width:4.5em}.vplayer-bar{position:absolute;left:0;right:0;bottom:0;height:34px;z-index:3020;cursor:pointer;touch-action:none;pointer-events:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 8px}.vplayer-track{position:absolute;left:0;right:0;bottom:0;height:5px;background:#ffffff40;pointer-events:none;transition:height .12s ease,background .12s ease}.vplayer-bar.grow .vplayer-track{height:100%;background:#0009}.vplayer-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:#2b7fff;pointer-events:none}.vplayer-time,.vplayer-mute{position:relative;opacity:0;pointer-events:none;transition:opacity .12s ease;white-space:nowrap}.vplayer-bar.grow .vplayer-time,.vplayer-bar.grow .vplayer-mute{opacity:1;pointer-events:auto}.vplayer-time{color:#fff;font:12px/1 system-ui,sans-serif;text-shadow:0 0 3px #000}.vplayer-mute{background:none;border:none;color:#fff;font-size:15px;cursor:pointer;line-height:1;padding:0;min-width:34px;min-height:34px;display:flex;align-items:center;justify-content:center}#viewer{position:fixed;inset:0;z-index:3000;background:#000000f7;display:none}#viewer.show{display:block}#viewerStage{position:absolute;inset:0;overflow:hidden;touch-action:none;display:flex;align-items:center;justify-content:center}#viewerStage img{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform;max-width:none;-webkit-user-drag:none;user-select:none}#viewerStage video{max-width:100%;max-height:100%;background:#000}#viewerClose{position:absolute;top:10px;right:12px;z-index:3010;width:44px;height:44px;border-radius:50%;font-size:20px;background:#282828d9;color:#fff;border:1px solid #666;cursor:pointer;opacity:1;transition:opacity .28s ease}#zoomBar{position:absolute;bottom:14px;left:50%;transform:translate(-50%);z-index:3010;display:flex;gap:6px;background:#1e1e1ed9;padding:6px;border-radius:10px;opacity:1;transition:opacity .28s ease}#zoomBar button{min-width:44px;height:40px;font-size:18px;color:#fff;background:#333;border:1px solid #555;border-radius:7px;cursor:pointer}#zoomBar[hidden]{display:none}#viewerClose.ctl--dim,#zoomBar.ctl--dim{opacity:.28}#viewerClose.ctl--dim:hover,#zoomBar.ctl--dim:hover{opacity:1}.peek{position:absolute;bottom:12px;z-index:3010;padding:0;width:14vmin;height:14vmin;max-width:120px;max-height:120px;border:2px solid rgba(255,255,255,.6);border-radius:8px;overflow:hidden;background:#000;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .28s ease}#peekPrev{left:12px}#peekNext{right:12px}.peek img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.peek span{position:relative;z-index:1;font-size:26px;color:#fff;text-shadow:0 0 5px #000,0 0 5px #000}.peek--dim{opacity:.25}.peek--dim:hover{opacity:1}.peek[hidden]{display:none}#viewer.hide-ui #viewerClose,#viewer.hide-ui #zoomBar,#viewer.hide-ui .peek{opacity:0;pointer-events:none}#renameDlg{background:#1c1c1c;color:#eee;border:1px solid #444;border-radius:10px;padding:16px;width:min(680px,calc(100vw - 32px));-webkit-user-select:text;user-select:text}#renameDlg::backdrop{background:#0009}#renameDlg h2{margin:0 0 10px;font-size:17px}#renameInput{width:100%;background:#2c2c2c;color:#eee;border:1px solid #555;border-radius:6px;padding:8px 10px;font-size:15px}#renameInput:focus{outline:none;border-color:#2b7fff}#renameDlg .hint{margin:8px 0 0}#renameErr{color:#e66;margin-top:8px;font-size:13px}#renameList{margin-top:10px;max-height:45vh;overflow-y:auto;overflow-x:hidden;border:1px solid #333;border-radius:6px;font-size:13px;overscroll-behavior:contain}.rrow{display:flex;align-items:center;gap:8px;padding:3px 8px}.rrow:nth-child(odd){background:#232323}.rrow .old,.rrow .new{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rrow .old{color:#999}.rrow .new{color:#ade28d}.rrow .arr{flex:0 0 auto;color:#777}.rrow.same{opacity:.5}.rrow.same .new{color:#999}#renameDlg .btns{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}#renameDlg .btns button{background:#2c2c2c;color:#eee;border:1px solid #444;border-radius:6px;padding:8px 16px;font-size:14px;cursor:pointer;min-height:34px;touch-action:manipulation}#renameDlg .btns button:hover{background:#383838}#renameDlg .btns #renameOk{background:#2b7fff;border-color:#2b7fff;color:#fff}#renameDlg .btns #renameOk:hover{background:#4a91ff}#renameDlg .btns #renameOk:disabled{opacity:.4;cursor:default}#opOverlay{position:fixed;inset:0;z-index:4000;cursor:progress}.sortable-ghost{opacity:.35}.sortable-chosen{cursor:grabbing}.sortable-drag{opacity:.9}#landing{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center;background:#111;z-index:2000}#landingIcon{width:112px;height:112px;margin-bottom:4px;filter:drop-shadow(0 8px 24px rgba(0,0,0,.5))}#landing h1{font-size:22px;margin:0}#landing p{color:#aaa;max-width:520px}#landing button{background:#2c2c2c;color:#eee;border:1px solid #444;border-radius:8px;padding:11px 20px;font-size:16px;cursor:pointer;min-height:42px;touch-action:manipulation}#landing button:hover{background:#383838}#landing #pickBtn{background:#2b7fff;border-color:#2b7fff;color:#fff;font-weight:600}#landing #pickBtn:hover{background:#4a90ff;border-color:#4a90ff}#unsupported{color:#e66;display:none}kbd{background:#2c2c2c;border:1px solid #555;border-bottom-width:2px;border-radius:4px;padding:1px 5px;font-size:12px}.hint{color:#888;font-size:12px}
/*# sourceMappingURL=styles-54MQUSMX.css.map */