:root{--bg-primary:#0a0a0a;--bg-secondary:#111;--bg-tertiary:#181818;--bg-hover:#1f1f1f;--text-primary:#fff;--text-secondary:#a0a0a0;--text-tertiary:#666;--text-muted:#444;--border-subtle:#ffffff14;--border-medium:#ffffff26;--accent-2:#5ac8fa}*{box-sizing:border-box}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5}::selection{color:#fff;background:#333}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}:focus-visible{outline-offset:2px;outline:2px solid #5ac8fa99}::-webkit-scrollbar-thumb:hover{background:#444}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.loader{--uib-size:28;--uib-color:white;--uib-speed:3.5s;--uib-stroke:4;--uib-mult:calc(var(--uib-size)/var(--uib-stroke));--uib-stroke-px:calc(var(--uib-stroke)*1px);--uib-size-px:calc(var(--uib-size)*1px);height:var(--uib-size-px);width:var(--uib-size-px);position:relative}.loader-sm{--uib-size:16;--uib-stroke:2}.loader-lg{--uib-size:32;--uib-stroke:4}.loader .line{top:calc(50% - var(--uib-stroke-px)/2);left:calc(50% - var(--uib-stroke-px)/2);width:var(--uib-stroke-px);height:var(--uib-stroke-px);background-color:var(--uib-color);animation:center-line var(--uib-speed)ease infinite;position:absolute}.loader:before,.loader:after{content:"";width:var(--uib-stroke-px);height:var(--uib-stroke-px);background-color:var(--uib-color);animation:explore var(--uib-speed)ease infinite;position:absolute}.loader:after{animation-delay:calc(var(--uib-speed)*-.5)}@keyframes center-line{0%,25%,50%,75%,to{transform:scaleX(1)scaleY(1)}12.5%,62.5%{transform:scaleX(var(--uib-mult))scaleY(1)}37.5%,87.5%{transform:scaleX(1)scaleY(var(--uib-mult))}}@keyframes explore{0%,to{transform-origin:0 0;top:0;left:0;transform:scaleX(1)scaleY(1)translate(0%)}12.5%{transform:scaleX(var(--uib-mult))scaleY(1)translate(0%,0%);transform-origin:0 0;top:0;left:0}12.5%{transform:scaleX(var(--uib-mult))scaleY(1)translate(0%,0%);transform-origin:100% 0;top:0;left:initial;right:0}25%{transform-origin:100% 0;top:0;left:initial;right:0;transform:scaleX(1)scaleY(1)translate(0%)}37.5%{transform:scaleX(1)scaleY(var(--uib-mult))translate(0%,0%);transform-origin:100% 0;top:0;left:initial;right:0}37.5001%{transform:scaleX(1)scaleY(var(--uib-mult))translate(0%,0%);transform-origin:100% 100%;top:initial;bottom:0;left:initial;right:0}50%{transform-origin:100% 100%;top:initial;bottom:0;left:initial;right:0;transform:scaleX(1)scaleY(1)translate(0%)}62.5%{transform:scaleX(var(--uib-mult))scaleY(1)translate(0%,0%);transform-origin:100% 100%;top:initial;bottom:0;left:initial;right:0}62.5001%{transform:scaleX(var(--uib-mult))scaleY(1)translate(0%,0%);transform-origin:0 100%;top:initial;bottom:0;left:0}75%{transform-origin:0 100%;top:initial;bottom:0;left:0;transform:scaleX(1)scaleY(1)translate(0%)}87.5%{transform:scaleX(1)scaleY(var(--uib-mult))translate(0%,0%);transform-origin:0 100%;top:initial;bottom:0;left:0}87.5001%{transform:scaleX(1)scaleY(var(--uib-mult))translate(0%,0%);transform-origin:0 0;top:0;left:0}}.top-bar{z-index:100;background:var(--bg-primary);justify-content:space-between;align-items:center;margin-bottom:0;padding:20px 0;display:flex;position:sticky;top:0}.top-bar-left{flex-shrink:0;align-items:center;gap:8px;display:flex}.top-bar-right{justify-content:flex-end;align-items:center;gap:8px;display:flex}.top-bar.top-bar-flash-active{z-index:140}.flash-stage{z-index:120;background:var(--bg-primary);border-radius:0;justify-content:center;align-items:center;width:100vw;margin:0;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.flash-image{object-fit:contain;cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;height:100%}.flash-status{border:1px solid var(--border-medium);color:var(--text-secondary);letter-spacing:.01em;cursor:pointer;background:#0a0a0ad1;border-radius:999px;padding:6px 12px;font-size:12px;position:absolute;bottom:12px;right:12px}.flash-status:hover{color:var(--text-primary);border-color:var(--text-secondary)}.flash-empty{color:var(--text-tertiary);font-size:14px}.column-slider{border:1px solid var(--border-subtle);background:var(--bg-secondary);border-radius:10px;align-items:center;gap:8px;min-height:36px;padding:0 10px;display:flex}.column-slider-label{color:var(--text-secondary);white-space:nowrap;font-size:11px}.column-slider-input{accent-color:#5ac8fa;width:92px}.pinned-folders-zone{border-radius:8px;align-items:center;gap:4px;min-width:8px;min-height:36px;padding:2px 4px;transition:all .2s;display:flex}.pinned-folders-drop-active{outline-offset:-2px;background:#5ac8fa14;outline:2px dashed #5ac8fa66;min-width:100px}.pinned-folders-hint{color:#5ac8fa99;white-space:nowrap;padding:0 8px;font-size:11px}.pinned-folder{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;transition:all .15s;display:flex;position:relative}.pinned-folder:hover{background:var(--bg-tertiary)}.pinned-folder-drop-target{outline-offset:-2px;background:#5ac8fa26;outline:2px solid #5ac8fa80;transform:scale(1.08)}.pinned-folder-saved{background:#34c7591a}.pinned-folder-icon{flex-shrink:0;width:28px;height:28px}.pinned-folder-name{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:60px;font-size:11px;overflow:hidden}.pinned-folder-check{background:var(--bg-primary);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;animation:.3s checkPop;display:flex;position:absolute;top:-2px;right:-2px}@keyframes checkPop{0%{transform:scale(0)}60%{transform:scale(1.3)}to{transform:scale(1)}}.pinned-folders-image-drag .pinned-folder{animation:1.2s infinite folderPulseGlow}@keyframes folderPulseGlow{0%,to{box-shadow:0 0 #5ac8fa00}50%{box-shadow:0 0 8px 2px #5ac8fa40}}.masonry-item[draggable=true]{cursor:grab;-webkit-user-drag:element}.masonry-item[draggable=true]:active{cursor:grabbing}.masonry-item img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.square-btn{background:var(--bg-tertiary);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;transition:all .15s;display:flex}.square-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.square-btn:disabled{opacity:.45;cursor:not-allowed}.search-bar{align-items:center;width:calc(20% - 9.6px);display:flex;position:absolute;left:50%;transform:translate(-50%)}@media (max-width:1400px){.search-bar{width:calc(25% - 9px)}}@media (max-width:1100px){.search-bar{width:calc(33.3333% - 8px)}}@media (max-width:800px){.search-bar{width:calc(50% - 6px)}}@media (max-width:500px){.search-bar{width:calc(100% - 120px)}}.search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:16px}.search-input{background:var(--bg-tertiary);width:100%;color:var(--text-primary);border:none;border-radius:4px;outline:none;padding:11px 20px 11px 42px;font-size:16px}.search-input:focus{outline:none;box-shadow:0 0 0 1px #5ac8fa66}.search-input::placeholder{color:var(--text-muted)}.search-container{width:calc(20% - 9.6px);position:absolute;left:50%;transform:translate(-50%)}@media (max-width:1400px){.search-container{width:calc(25% - 9px)}}@media (max-width:1100px){.search-container{width:calc(33.3333% - 8px)}}@media (max-width:800px){.search-container{width:calc(50% - 6px)}}@media (max-width:500px){.search-container{width:calc(100% - 120px)}}.search-container .search-bar{width:100%;position:relative;left:auto;transform:none}.search-loading{position:absolute;top:50%;right:12px;transform:translateY(-50%)}.search-loading-dot{background:var(--text-muted);border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.search-suggestions{background:var(--bg-tertiary);border:1px solid var(--border-medium);z-index:1000;border-radius:10px;padding:6px;animation:.15s slideDown;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 8px 32px #0006}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.search-suggestions-header{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;padding:8px 10px 6px;font-size:11px;font-weight:600}.search-suggestion-item{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px;font-size:13px;transition:all .1s;display:flex}.search-suggestion-item:hover,.search-suggestion-active{background:var(--bg-hover)}.search-suggestion-field{text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);background:var(--bg-secondary);border-radius:4px;flex-shrink:0;padding:3px 6px;font-size:10px;font-weight:600}.search-suggestion-value{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.search-suggestion-count{color:var(--text-muted);flex-shrink:0;font-size:11px}.masonry-grid{gap:12px;display:flex}.masonry-grid>.masonry-col{flex:1;min-width:0}.masonry-item{break-inside:avoid;cursor:pointer;background:var(--bg-secondary);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:4px;margin-bottom:12px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.masonry-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0006}.masonry-item.masonry-item-selection-mode{box-shadow:inset 0 0 0 1px #ffffff14}.masonry-item.masonry-item-selected{box-shadow:inset 0 0 0 2px #ff3b30e6,0 8px 24px #00000052}.masonry-selection-indicator{color:#fff;z-index:3;pointer-events:none;background:#00000073;border:1px solid #ffffff47;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex;position:absolute;top:10px;right:10px}.masonry-item.masonry-item-selected .masonry-selection-indicator{background:#ff3b30;border-color:#ff3b30e6}@media (hover:none){.masonry-item:active{transform:scale(.97);box-shadow:0 4px 12px #0000004d}}.masonry-item img{object-fit:contain;object-position:center;opacity:0;width:100%;height:100%;transition:opacity .3s;display:block}.masonry-item video{object-fit:contain;object-position:center;opacity:1;pointer-events:none;background:0 0;width:100%;height:100%;display:block}.masonry-item img.loaded,.masonry-item video.loaded{opacity:1}.masonry-media-placeholder{background:linear-gradient(135deg,#ffffff0d,#ffffff05),var(--bg-secondary);width:100%;height:100%}.masonry-item img.img-error{visibility:hidden;min-height:120px}.modal-image.modal-image-error{min-height:200px;color:var(--text-tertiary,#666);justify-content:center;align-items:center;font-size:14px;display:flex}.modal-image.modal-image-error:after{content:"Image failed to load"}.modal-overlay{z-index:1000;cursor:zoom-out;background:#000000e6;justify-content:center;align-items:center;padding:40px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{cursor:default;overscroll-behavior:contain;flex-direction:column;width:100%;max-width:1400px;max-height:90dvh;animation:.25s scaleIn;display:flex;overflow-y:auto}.modal-main{width:100%;display:flex}.modal-image{flex:1;justify-content:center;align-items:center;min-width:0;padding-right:32px;display:flex;position:relative}.modal-image img.modal-img-thumb{object-fit:contain;border-radius:4px;max-width:100%;max-height:85dvh}.modal-img-thumb{max-width:100%;max-height:inherit;object-fit:contain;filter:blur(4px);border-radius:4px}.modal-img-full{object-fit:contain;z-index:1;opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.modal-img-full.loaded{opacity:1}.modal-media-video{object-fit:contain;z-index:1;background:0 0;border-radius:4px;width:100%;height:100%}.modal-panel{background:var(--bg-secondary);border-radius:8px;flex-shrink:0;width:360px;padding:24px}.modal-close{top:calc(20px + env(safe-area-inset-top,0px));right:calc(20px + env(safe-area-inset-right,0px));background:var(--bg-secondary);border:1px solid var(--border-subtle);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;z-index:10;border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:all .15s;display:flex;position:fixed}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-description{color:var(--text-primary);margin:0 0 24px;font-size:15px;line-height:1.6}.label-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:baseline;padding:10px 0;display:flex}.label-row:first-of-type{border-top:1px solid var(--border-subtle)}.label-name{text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);font-size:12px}.label-value{color:var(--text-secondary);text-align:right;max-width:60%;font-size:13px}.label-value-clickable{cursor:pointer;transition:color .15s}.label-value-clickable:hover{color:var(--text-primary);text-decoration:underline}.tags-list{border-top:1px solid var(--border-subtle);flex-wrap:wrap;gap:6px;margin-top:20px;padding-top:20px;display:flex}.tag{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-tertiary);border-radius:4px;padding:5px 10px;font-size:11px;transition:all .15s}.tag:hover{border-color:var(--border-medium);color:var(--text-secondary)}.tag-clickable{cursor:pointer}.load-more{justify-content:center;align-items:center;height:100px;display:flex}.no-results{text-align:center;color:var(--text-muted);padding:100px 0;font-size:16px}.loading-center{justify-content:center;align-items:center;min-height:60vh;display:flex}.skeleton-grid{grid-template-columns:repeat(var(--skeleton-cols,5),1fr);gap:12px;display:grid}@media (max-width:500px){.skeleton-grid{grid-template-columns:repeat(2,1fr)}}.skeleton-item{background:linear-gradient(90deg,var(--bg-secondary)25%,var(--bg-tertiary)50%,var(--bg-secondary)75%);background-size:200% 100%;border-radius:4px;min-height:150px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.arena-meta{border-top:1px solid var(--border-subtle);margin-top:20px;padding-top:20px}.arena-divider{display:none}.arena-description{color:var(--text-tertiary);margin:0 0 16px;font-size:13px;line-height:1.5}.label-link{color:var(--text-secondary);font-size:13px;text-decoration:none;transition:color .15s}.label-link:hover{color:var(--text-primary)}.modal-actions{border-top:1px solid var(--border-subtle);gap:8px;margin-top:24px;padding-top:24px;display:flex}.modal-action-btn{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px 16px;font-size:13px;text-decoration:none;transition:all .15s;display:flex}.modal-action-btn:hover{background:var(--bg-hover);border-color:var(--border-medium);color:var(--text-primary)}.modal-action-btn.primary{background:var(--text-primary);border-color:var(--text-primary);color:var(--bg-primary)}.modal-action-btn.primary:hover{background:#e0e0e0;border-color:#e0e0e0}.modal-action-btn:disabled{opacity:.4;cursor:not-allowed}.similar-section{border-top:1px solid var(--border-subtle);margin-top:24px;padding-top:24px}.similar-header{text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);justify-content:space-between;align-items:center;margin-bottom:16px;font-size:12px;display:flex}.similar-count{color:var(--text-muted);background:var(--bg-tertiary);border-radius:4px;padding:4px 8px;font-size:11px}.similar-loading{justify-content:center;padding:32px 0;display:flex}.similar-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.similar-item{aspect-ratio:1;cursor:pointer;background:var(--bg-tertiary);border-radius:4px;transition:transform .15s;position:relative;overflow:hidden}.similar-item:hover{transform:scale(1.02)}@media (hover:none){.similar-item:active{transform:scale(.96)}}.similar-item img{object-fit:contain;width:100%;height:100%}.similar-item video{object-fit:contain;pointer-events:none;background:0 0;width:100%;height:100%;display:block}.similar-placeholder{background:var(--bg-tertiary);width:100%;height:100%}.similar-score{color:var(--text-secondary);background:#000000b3;border-radius:3px;padding:2px 6px;font-size:10px;position:absolute;bottom:4px;right:4px}.similar-empty{color:var(--text-muted);text-align:center;padding:32px 0;font-size:13px}.similar-section-full{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);border-radius:0 0 8px 8px;width:100%;margin-top:24px;padding:24px}.similar-grid-full{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}@media (max-width:1200px){.similar-grid-full{grid-template-columns:repeat(5,1fr)}}@media (max-width:900px){.similar-grid-full{grid-template-columns:repeat(4,1fr)}}@media (max-width:600px){.similar-grid-full{grid-template-columns:repeat(3,1fr)}}.search-results{flex-direction:column;gap:48px;display:flex}.relevancy-section{position:relative}.relevancy-header{border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;display:flex}.relevancy-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);font-size:12px}.relevancy-count{color:var(--text-muted);background:var(--bg-secondary);border-radius:4px;padding:4px 8px;font-size:11px}.folder-grid{grid-template-columns:repeat(5,1fr);gap:12px;padding:0;display:grid}@media (max-width:1400px){.folder-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1100px){.folder-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:800px){.folder-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.folder-grid{grid-template-columns:repeat(2,1fr)}}.folder-card{cursor:pointer;color:inherit;font:inherit;-webkit-user-select:none;user-select:none;-webkit-user-drag:element;background:0 0;border:none;border-radius:0;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:0;transition:all .15s;display:flex}.folder-card:hover{transform:translateY(-2px)}@media (hover:none){.folder-card:active{transform:scale(.96)}}.folder-icon-wrapper,.folder-layers{width:100%;position:relative}.folder-layer-back,.folder-layer-front{width:100%;height:auto;display:block}.folder-layer-back{z-index:0;position:relative}.folder-layer-front{z-index:2;pointer-events:none;position:absolute;top:0;left:0}.folder-previews{z-index:1;pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:10% 0 48%}.folder-preview-thumb{aspect-ratio:1;object-fit:cover;border:2px solid #ffffff26;border-radius:6px;flex-shrink:0;width:36%;margin:0 -6%;box-shadow:0 2px 10px #00000080}.folder-card-name{color:var(--text-primary);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:15px;font-weight:500;overflow:hidden}.folder-rename-input{color:var(--text-primary);text-align:center;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:4px;outline:none;max-width:100%;padding:2px 6px;font-size:15px;font-weight:500}.folder-rename-input:focus{border-color:#5ac8fa80}.folder-card-count{color:var(--text-muted);font-size:12px}.folder-skeleton{pointer-events:none;animation:1.5s ease-in-out infinite folderPulse}.folder-skeleton-icon{width:100%}@keyframes folderPulse{0%,to{opacity:.5}50%{opacity:1}}.folder-empty{color:var(--text-muted);flex-direction:column;align-items:center;gap:16px;padding:80px 0;font-size:14px;display:flex}.folder-empty p{margin:0}.folder-empty-btn{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:10px 20px;font-size:13px;transition:all .15s}.folder-empty-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-medium)}.folder-detail-header{align-items:center;gap:12px;padding:12px 0 20px;display:flex}.folder-back-btn{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:all .15s;display:flex}.folder-back-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-medium)}.folder-detail-name{color:var(--text-primary);font-size:16px;font-weight:600}.folder-detail-count{color:var(--text-muted);background:var(--bg-secondary);border-radius:4px;padding:4px 8px;font-size:12px}.folder-picker{background:var(--bg-tertiary);border:1px solid var(--border-medium);z-index:20;border-radius:8px;max-height:200px;padding:4px;animation:.15s scaleIn;position:absolute;bottom:calc(100% + 8px);left:0;right:0;overflow-y:auto}@media (max-width:768px){.folder-picker{max-height:50vh;position:fixed;bottom:80px;left:12px;right:12px;box-shadow:0 -4px 24px #0006}}.folder-picker-item{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;transition:all .1s;display:flex}.folder-picker-item:hover{background:var(--bg-hover);color:var(--text-primary)}.folder-picker-saved{color:#34c759}.folder-picker-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.folder-picker-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.folder-picker-check{color:#34c759;flex-shrink:0;display:flex}.folder-picker-empty{color:var(--text-muted);text-align:center;padding:16px 12px;font-size:13px}.folder-picker-create{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;text-decoration:underline}.folder-picker-create:hover{color:var(--text-primary)}.folder-picker-error{color:#ff453a;text-align:center;padding:8px 12px;font-size:12px}.folder-context-menu{background:var(--bg-tertiary);border:1px solid var(--border-medium);z-index:2000;border-radius:8px;min-width:140px;padding:4px;animation:.1s scaleIn;box-shadow:0 8px 24px #0006}.folder-context-item{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;transition:all .1s;display:flex}.folder-context-item:hover{background:var(--bg-hover);color:var(--text-primary)}.folder-context-item:disabled{opacity:.5;cursor:not-allowed}.folder-context-delete{color:#ff453a}.folder-context-delete:hover{color:#ff453a;background:#ff453a26}.folder-delete-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2100;background:#000c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.folder-delete-modal{background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:14px;width:100%;max-width:340px;padding:24px;animation:.15s scaleIn}.folder-delete-title{color:var(--text-primary);margin:0 0 8px;font-size:17px;font-weight:600}.folder-delete-message{color:var(--text-secondary);margin:0 0 20px;font-size:14px;line-height:1.5}.folder-delete-message strong{color:var(--text-primary)}.folder-delete-actions{gap:10px;display:flex}.folder-delete-cancel{background:var(--bg-tertiary);border:1px solid var(--border-medium);color:var(--text-primary);cursor:pointer;border-radius:10px;flex:1;padding:12px 16px;font-size:14px;font-weight:500;transition:background .15s}.folder-delete-cancel:hover{background:var(--bg-hover)}.folder-delete-confirm{color:#fff;cursor:pointer;background:#ff453a;border:none;border-radius:10px;flex:1;padding:12px 16px;font-size:14px;font-weight:600;transition:opacity .15s}.folder-delete-confirm:hover{opacity:.9}.folder-delete-confirm:disabled,.folder-delete-cancel:disabled{opacity:.5;cursor:not-allowed}.image-context-menu{background:var(--bg-tertiary);border:1px solid var(--border-medium);z-index:2000;border-radius:10px;min-width:180px;max-width:240px;max-height:min(400px,70vh);padding:6px;animation:.1s scaleIn;overflow-y:auto;box-shadow:0 8px 24px #00000080}.image-context-menu-header{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;padding:8px 10px 6px;font-size:11px;font-weight:600}.image-context-menu-empty{color:var(--text-tertiary);padding:12px 10px;font-size:13px}.image-context-menu-create{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px}.image-context-menu-create:hover{text-decoration:underline}.image-context-menu-remove{color:#ff453a}.image-context-menu-remove:hover{background:#ff453a1a}.image-context-menu-divider{background:var(--border-subtle);height:1px;margin:4px 0}.image-context-menu-item{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;padding:10px;font-size:13px;transition:all .1s;display:flex}.image-context-menu-item:hover{background:var(--bg-hover);color:var(--text-primary)}.image-context-menu-item:disabled{opacity:.5;cursor:not-allowed}.image-context-menu-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.image-context-menu-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.image-context-menu-check{flex-shrink:0}.image-context-menu-saved{background:#34c7591a}.image-context-menu-error{color:#ff453a;text-align:center;padding:8px 10px;font-size:12px}.image-context-menu-spinner{border:2px solid var(--border-medium);border-top-color:var(--text-primary);border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.6s linear infinite spin}.modal-back{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;margin:0 0 8px -8px;padding:4px 8px;font-size:13px;transition:all .15s;display:flex}.modal-back:hover{color:var(--text-primary);background:var(--bg-hover)}.empty-folder-state{color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;padding:80px 0;display:flex}.empty-folder-state p{margin:0;font-size:16px}.empty-folder-hint{color:var(--text-tertiary);font-size:13px}@media (max-width:1200px){.modal-panel{width:320px}}@media (max-width:900px){.top-bar{padding:calc(10px + env(safe-area-inset-top))0 10px;flex-wrap:wrap;align-items:center;gap:10px}.top-bar-left{flex:0 auto;order:1;min-width:0;overflow:visible}.top-bar-right{flex:none;order:2;gap:6px}.column-slider{gap:6px;min-height:40px;padding:0 8px}.column-slider-label{display:none}.column-slider-input{width:78px}.search-container{order:3;width:100%;margin-top:2px;position:relative;left:auto;transform:none}.search-container .search-bar{width:100%;position:relative;left:auto;transform:none}.search-suggestions{max-height:min(52vh,360px);overflow-y:auto}.pinned-folders-zone{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;padding:2px;overflow-x:auto}.pinned-folders-zone::-webkit-scrollbar{display:none}.pinned-folder{gap:0;padding:4px}.pinned-folder-name,.pinned-folder-check{display:none}.square-btn,.trash-drop-zone{border-radius:8px;width:40px;height:40px}.gif-toggle,.flash-toggle-btn{border-radius:8px;min-height:40px;padding:0 12px}.flash-status{bottom:10px;right:10px}.modal-overlay{padding:20px}.modal-main{flex-direction:column;align-items:center;gap:20px}.modal-image{flex-shrink:0;min-height:30dvh;padding-right:0}.modal-panel{width:100%;max-width:100%}.modal-image img.modal-img-thumb{max-height:45dvh}.similar-section-full{border-radius:0}}@media (max-width:600px){.modal-overlay{padding:8px}.top-bar{padding-top:calc(8px + env(safe-area-inset-top));gap:8px}.top-bar-right{justify-content:flex-end}.column-slider{padding:0 6px}.column-slider-input{width:72px}.search-icon{left:14px}.masonry-grid{gap:8px}.masonry-item{margin-bottom:8px}.search-input{border-radius:8px;padding:12px 16px 12px 40px}.folder-detail-header{flex-wrap:wrap;gap:8px;padding:10px 0 14px}.folder-detail-name{order:3;width:100%;font-size:15px}.folder-download-btn{justify-content:center;width:100%;margin-left:0}.tag{align-items:center;min-height:36px;padding:8px 12px;font-size:13px;display:inline-flex}.label-value-clickable{align-items:center;min-height:36px;display:inline-flex}.modal-back{min-height:40px;padding:8px 14px}.masonry-item{touch-action:manipulation}.flash-status{left:50%;right:auto;transform:translate(-50%)}}.gif-toggle{border:1px solid var(--border-subtle);color:var(--text-muted);letter-spacing:.02em;cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:6px 10px;font-size:11px;font-weight:600;transition:all .15s;display:flex}.gif-toggle:hover{color:var(--text-secondary);border-color:var(--border-medium);background:var(--bg-hover)}.gif-toggle.gif-toggle-active{color:#34c759;background:#34c75926;border-color:#34c75966}.gif-toggle.gif-toggle-active:hover{background:#34c75933;border-color:#34c75980}.gif-toggle-label{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Cascadia Code,monospace}.flash-toggle-btn{border:1px solid var(--border-subtle);background:var(--bg-tertiary);height:36px;color:var(--text-secondary);letter-spacing:.05em;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:0 10px;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.flash-toggle-btn:hover{color:var(--text-primary);border-color:var(--border-medium);background:var(--bg-hover)}.flash-toggle-btn.flash-toggle-btn-active{color:#9adfff;background:#5ac8fa2e;border-color:#5ac8fa80}.flash-toggle-btn.flash-toggle-btn-active:hover{background:#5ac8fa38;border-color:#5ac8faa6}.trash-drop-zone{width:36px;height:36px;color:var(--text-muted);opacity:1;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;transition:all .15s;display:flex;position:relative}.trash-drop-button{width:100%;height:100%;color:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.trash-drop-zone:hover{background:var(--bg-hover);color:var(--text-primary)}.trash-drop-zone.trash-drop-active{color:var(--text-secondary);outline-offset:-1px;outline:1.5px dashed #ff3b3066}.trash-drop-zone.trash-drop-selected{color:#ff8b84;background:#ff3b301a;border-color:#ff3b306b}.trash-drop-zone.trash-drop-hover{color:#ff3b30;background:#ff3b3026;outline-color:#ff3b30}.trash-selection-count{color:#fff;text-align:center;background:#ff3b30;border-radius:999px;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;line-height:18px;position:absolute;top:-6px;right:-6px}.trash-selection-action{color:#ff8b84;letter-spacing:.02em;cursor:pointer;background:#ff3b301a;border:1px solid #ff3b306b;border-radius:4px;height:36px;padding:0 12px;font-size:12px;font-weight:700;transition:all .15s}.trash-selection-action:hover:not(:disabled){color:#ffb0aa;background:#ff3b3029;border-color:#ff3b3099}.trash-selection-action:disabled{opacity:.55;cursor:not-allowed}.trash-drop-zone.trash-drop-feedback{animation:.6s trashPulse}@keyframes trashPulse{0%{color:#ff3b30;opacity:1;background:#ff3b304d;transform:scale(1)}50%{transform:scale(1.15)}to{color:var(--text-muted);opacity:1;background:0 0;transform:scale(1)}}.folder-download-btn{border:1px solid var(--border-medium);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;margin-left:8px;padding:6px 14px;font-size:13px;transition:all .15s;display:inline-flex}.folder-download-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--text-secondary)}.folder-download-btn:disabled{opacity:.5;cursor:not-allowed}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}