:root{--bg-dark:#121212;--bg-panel:#1e1e1e;--bg-panel-light:#252526;--bg-item:#2a2a2a;--border-color:#333;--border-color-light:#3d3d3d;--text-main:#e0e0e0;--text-muted:#aaa;--accent-green:#a9dc76;--accent-blue:#007acc;--hover-bg:#ffffff0d;--bg-color:#1e1e1e;--hover-color:#2a2a2a;--arrow-color:#666}*{scrollbar-color:gray var(--bg-panel-light)}body{background-color:var(--bg-dark);color:var(--text-main);flex-direction:column;width:100vw;height:100vh;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;overflow:hidden}.app-layout{flex:1;width:100vw;display:flex;overflow:hidden}.app-header{background-color:var(--bg-panel);border-bottom:1px solid var(--border-color);box-sizing:border-box;justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex}.app-header h1{margin:0;font-size:16px;font-weight:600}.app-header .header-status{color:var(--accent-green);font-size:12px}button{color:#fff;background:var(--border-color);border:1px solid var(--bg-panel);cursor:pointer;appearance:none;border-radius:3px;padding:3px 16px;text-decoration:none;display:inline-block}button.is-hidden{display:none!important}#target-folder,#config-btn{padding:3px!important}.address-bar-container{background-color:var(--bg-color);border:1px solid var(--border-color);box-sizing:border-box;cursor:text;align-items:center;width:100%;max-width:800px;height:30px;font-size:14px;display:flex;position:relative}.address-bar-container.is-editing .breadcrumb-list{display:none}.address-bar-container.is-editing .path-input{display:block}.breadcrumb-list{white-space:nowrap;align-items:center;width:100%;height:100%;margin:0;padding:0 5px;list-style:none;display:flex;overflow:hidden}.breadcrumb-item{align-items:center;height:100%;display:flex}.folder-btn{height:100%;color:var(--text-main);cursor:pointer;background:0 0;border:none;align-items:center;padding:0 8px;display:flex}.folder-btn:hover{background-color:var(--hover-color)}.separator{color:var(--arrow-color);-webkit-user-select:none;user-select:none;padding:0 1px;font-family:monospace;font-size:11px}.address-dropdown{z-index:10;background:#fff;border:1px solid #ccc;border-top:none;border-radius:0 0 4px 4px;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.dropdown-item{cursor:pointer;color:#333;align-items:center;padding:8px 12px;font-size:14px;display:flex}.dropdown-item:hover{background-color:#f5f5f5}.dropdown-item .icon{margin-right:8px}.path-input{box-sizing:border-box;border:none;outline:none;width:100%;height:100%;padding:0 10px;font-family:inherit;font-size:14px;display:none}#sidebar-tree{background:var(--bg-panel);border-right:1px solid var(--border-color);box-sizing:border-box;-webkit-user-select:none;user-select:none;width:150px;min-width:100px;max-width:400px;height:100%;padding:15px 10px;overflow-y:auto}#sidebar-tree p.error{color:#666;font-size:12px}.tree-row{white-space:nowrap;color:var(--text-main);box-sizing:border-box;border-radius:4px;align-items:center;width:fit-content;min-width:100%;padding:6px 8px;font-size:13px;transition:background .2s,color .2s;display:flex}.tree-row>*{flex-shrink:0}.tree-row:not(.is-active):hover{background:var(--bg-item)}.tree-row.is-active{background:var(--accent-blue);color:#fff;font-weight:700}.tree-row .tree-item{cursor:pointer}.tree-toggle-icon{color:#888;text-align:center;cursor:pointer;width:12px;margin-right:4px;display:inline-block}.tree-toggle-icon:before{content:"";border-top:2px solid #666;border-right:2px solid #666;width:6px;height:6px;margin-bottom:2px;margin-right:8px;transition:transform .2s;display:inline-block;transform:rotate(45deg)}.tree-toggle-icon.expanded:before{transform:rotate(135deg)}.tree-spacer{width:16px;display:inline-block}.tree-child-container{display:block}.tree-child-container.is-hidden{display:none}#gallery-container{box-sizing:border-box;flex:1;height:100%;overflow-y:auto}#grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;margin:16px;display:grid}#grid p{color:var(--text-muted)}#grid p.error{color:#ff6b6b!important}.thumb-item{background:var(--bg-item);border:1px solid var(--border-color-light);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;padding:8px;transition:transform .1s}.thumb-item:hover{border-color:#555;transform:scale(1.02)}.thumb-item img,.thumb-item video{object-fit:cover;border-radius:4px;width:100%;height:120px}.thumb-name{white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:11px;overflow:hidden}.no-image,.audio{object-fit:cover;text-align:center;border-radius:4px;width:100%;height:120px;font-size:80px}.folder{background-color:#324221;border-color:#5d7941;position:relative}.folder:after{content:"";background:linear-gradient(to bottom right,#0000 50%,#5d7941 50%);width:30px;height:30px;position:absolute;bottom:0;right:0}.no-folder.is-hidden{display:none}#preview-container{box-sizing:border-box;background:var(--bg-panel-light);border-left:1px solid var(--border-color);flex-direction:column;width:300px;min-width:50px;height:100%;padding:16px;display:flex;overflow-y:auto}#preview-container h3{color:var(--text-muted);margin:16px 0 8px;font-size:14px}#preview-container h3:first-of-type{margin-top:0}#preview-container #no-selection{display:block}#preview-container #preview-content,#preview-container #preview-img,#preview-container #preview-video{display:none}#preview-container.has-selection #no-selection{display:none}#preview-container.has-selection #preview-content{display:flex!important}#preview-container.image.has-selection #preview-img{display:block!important}#preview-container.image.has-selection #preview-video{display:none!important}#preview-container.video.has-selection #preview-img{display:none!important}#preview-container.video.has-selection #preview-video{display:block!important}#preview-img{object-fit:scale-down;background:#1a1a1a;border-radius:4px;width:100%;max-height:40vh}#image-meta-info{color:var(--text-muted);background:#1a1a1a;border-radius:4px;justify-content:space-between;margin-top:8px;padding:6px 10px;font-size:12px;display:flex}#prompt-display{white-space:pre-wrap;word-break:break-all;color:var(--accent-green);background:#1a1a1a;border-radius:4px;flex:1;padding:12px;font-family:monospace;font-size:12px;overflow-x:auto}.placeholder{color:#777;margin:auto}#sidebar-tree-resizer,#sidebar-preview-resizer{cursor:col-resize;background:var(--border-color);width:4px}:is(#sidebar-tree-resizer,#sidebar-preview-resizer):hover{background:#555;transition:background .2s}#sidebar-tree,#preview-container{transition:width .2s,padding .2s,opacity .2s}:is(#sidebar-tree,#preview-container).collapsed{opacity:0;border:none;overflow:hidden;width:0!important;min-width:0!important;padding:0!important}#fullscreen-overlay,#config-overlay{z-index:9999;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-user-select:none;user-select:none;background-color:#000000f2;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0;overflow:auto}#fullscreen-content,#config-content{justify-content:center;align-items:center;min-width:100vw;min-height:100vh;display:flex}#fullscreen-img{object-fit:contain;cursor:zoom-in;-webkit-user-select:none;user-select:none;width:auto;max-width:95vw;height:auto;max-height:95vh;margin:auto;transition:all .15s ease-out}#fullscreen-img.is-original{cursor:zoom-out!important;max-width:none!important;max-height:none!important}.modal-btn,#close-fullscreen-btn,#close-config-btn{color:#fff;-webkit-user-select:none;user-select:none;z-index:10000;text-align:center;cursor:pointer;background:#00000080;border-radius:50%;transition:background .2s;position:fixed}:is(.modal-btn,#close-fullscreen-btn,#close-config-btn):hover{background:#fff3}#close-fullscreen-btn,#close-config-btn{width:45px;height:45px;top:20px;right:20px}:is(#close-fullscreen-btn,#close-config-btn):before,:is(#close-fullscreen-btn,#close-config-btn):after{content:"";background-color:#ccc;width:30px;height:4px;position:absolute;top:50%;left:50%}:is(#close-fullscreen-btn,#close-config-btn):before{transform:translate(-50%,-50%)rotate(45deg)}:is(#close-fullscreen-btn,#close-config-btn):after{transform:translate(-50%,-50%)rotate(-45deg)}#prev-btn,#next-btn{box-sizing:border-box;width:60px;height:60px;margin:0;padding:0;position:fixed;top:50%;transform:translateY(-50%)}#prev-btn{left:20px}#next-btn{right:20px}#prev-btn:before,#next-btn:before{content:"";box-sizing:border-box;border-top:4px solid #ccc;border-right:4px solid #ccc;width:16px;height:16px;position:absolute;top:50%;left:50%}#prev-btn:before{transform:translate(-35%,-50%)rotate(-135deg)}#next-btn:before{transform:translate(-65%,-50%)rotate(45deg)}#update-db-stop-btn{display:none}