@font-face{font-family:DegularVariable;src:url(/fonts/DegularVariable.ttf)format("truetype"),url(https://gallery.saye.ng/assets/fonts/DegularVariable.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Degular;src:url(/fonts/DegularVariable.ttf)format("truetype"),url(https://gallery.saye.ng/assets/fonts/DegularVariable.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}:root{--bg-main:#000;--bg-sidebar-nav:#040406b8;--bg-sidebar-tree:#060609ad;--bg-content:#0000008c;--bg-card:#0c0c108c;--bg-card-hover:#14141abf;--bg-input:#101016a6;--bg-badge:#1c1c24b3;--border-color:#ffffff14;--border-glass:#ffffff1f;--border-subtle:#ffffff0a;--text-primary:#fff;--text-secondary:#a1a1aa;--text-muted:#6b6b76;--accent-red:#ef4444;--accent-red-glow:#ef444473;--accent-blue:#3b82f6;--font-sans:"DegularVariable", "Degular", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.16, 1, .3, 1);--glass-blur:blur(28px) saturate(160%)}html,body,#root,*,button,input,select,textarea,div,span,label,p,h1,h2,h3,h4,h5,h6{box-sizing:border-box;font-family:DegularVariable,Degular,system-ui,sans-serif!important}*{-webkit-user-select:none;user-select:none;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-color:#000;height:100vh;overflow:hidden}button,input,select,textarea{font-family:var(--font-sans)}.app-container{z-index:1;background:0 0;width:100vw;height:100vh;display:flex;position:relative}.nav-sidebar{background-color:var(--bg-sidebar-nav);width:64px;-webkit-backdrop-filter:var(--glass-blur);border-right:1px solid var(--border-color);z-index:10;flex-direction:column;align-items:center;gap:20px;padding:18px 0;display:flex}.brand-logo{color:#fff;cursor:pointer;width:36px;height:36px;transition:transform var(--transition-fast);justify-content:center;align-items:center;margin-bottom:8px;display:flex}.brand-logo:hover{transform:scale(1.06)}.nav-item{border-radius:var(--radius-md);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative}.nav-item:hover{color:var(--text-primary);background-color:#ffffff0f}.nav-item.active{color:#fff;background-color:#ffffff1a}.nav-item.active:before{content:"";background-color:var(--accent-red);width:5px;box-shadow:0 0 14px var(--accent-red-glow);border-radius:0 4px 4px 0;position:absolute;top:10px;bottom:10px;left:-10px}.explorer-sidebar{background-color:var(--bg-sidebar-tree);width:290px;-webkit-backdrop-filter:var(--glass-blur);border-right:1px solid var(--border-color);flex-direction:column;height:100%;display:flex;overflow:hidden}.explorer-header{justify-content:space-between;align-items:center;padding:18px 20px 14px;display:flex}.explorer-title{letter-spacing:-.2px;color:var(--text-primary);font-size:16px;font-weight:600}.explorer-actions{color:var(--text-secondary);align-items:center;gap:8px;display:flex}.icon-btn{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.icon-btn:hover{color:var(--text-primary);background-color:#ffffff14}.search-box{padding:0 16px 14px}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-input-wrapper svg{color:var(--text-muted);position:absolute;left:12px}.search-input{background-color:var(--bg-input);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-fast);outline:none;padding:9px 12px 9px 36px;font-size:13.5px}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--border-glass);background-color:#181820d9}.explorer-tabs{gap:6px;padding:0 16px 14px;display:flex}.tab-btn{text-align:center;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex:1;padding:7px 0;font-size:13px;font-weight:500}.tab-btn.active{background-color:var(--bg-badge);color:var(--text-primary);border:1px solid var(--border-subtle)}.tree-container{flex:1;padding:4px 12px;overflow-y:auto}.tree-container::-webkit-scrollbar{width:5px}.tree-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.tree-node{margin-bottom:2px}.tree-node-content{border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:space-between;align-items:center;padding:7px 10px;font-size:13.5px;display:flex;position:relative}.tree-node-content:hover{color:var(--text-primary);background-color:#ffffff0a}.tree-node-content.selected{background-color:var(--bg-badge);color:var(--text-primary);border:1px solid var(--border-subtle);font-weight:500}.tree-node-left{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;display:flex;overflow:hidden}.tree-node-icon{color:var(--text-muted);flex-shrink:0}.tree-node-content.selected .tree-node-icon{color:#fff}.count-badge{color:var(--text-muted);background-color:#ffffff0d;border-radius:10px;padding:1px 7px;font-size:11.5px;font-weight:500}.tree-children{border-left:1px solid var(--border-subtle);flex-direction:column;gap:2px;margin-top:2px;margin-left:20px;padding-left:10px;display:flex}.main-workspace{background-color:var(--bg-content);-webkit-backdrop-filter:var(--glass-blur);flex-direction:column;flex:1;height:100vh;display:flex;overflow:hidden}.main-header{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:#060609a6;justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex}.folder-title-dropdown{color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;font-size:18px;font-weight:600;display:flex}.header-right-actions{align-items:center;gap:12px;display:flex}.cpanel-status-pill{color:#10b981;background:#10b9811a;border:1px solid #10b98140;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;display:flex}.status-dot{background-color:#10b981;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #10b981}.main-body{flex:1;padding:28px;overflow-y:auto}.main-body::-webkit-scrollbar{width:6px}.main-body::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.section-title{color:var(--text-primary);letter-spacing:-.3px;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:20px;font-weight:600;display:flex}.folder-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-bottom:36px;display:grid}.folder-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);flex-direction:column;align-items:center;padding:20px 16px;display:flex;position:relative;overflow:hidden}.folder-card:before{content:"";background:linear-gradient(90deg,#fff0,#ffffff2e,#fff0);height:1px;position:absolute;top:0;left:0;right:0}.folder-card:hover{background:var(--bg-card-hover);border-color:var(--border-glass);transform:translateY(-3px);box-shadow:0 12px 30px #0009}.folder-graphic{justify-content:center;align-items:center;width:100%;height:100px;margin-bottom:12px;display:flex;position:relative}.folder-shape{background:#121218d9;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:flex-end;width:110px;height:80px;padding-bottom:20px;display:flex;position:relative;box-shadow:0 6px 20px #0009}.folder-shape:before{content:"";background:#121218d9;border-radius:6px 6px 0 0;width:48px;height:14px;position:absolute;top:-10px;left:0}.folder-brand-text{color:var(--text-muted);letter-spacing:.2px;font-size:13px;font-weight:500}.folder-info{text-align:center}.folder-name{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:600}.folder-subtext{color:var(--text-muted);font-size:12px}.images-header-bar{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.image-count-label{color:var(--text-secondary);font-size:13px}.image-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;display:grid}.image-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-normal);flex-direction:column;display:flex;position:relative;overflow:hidden}.image-card:before{content:"";z-index:2;background:linear-gradient(90deg,#fff0,#ffffff2e,#fff0);height:1px;position:absolute;top:0;left:0;right:0}.image-card:hover{background:var(--bg-card-hover);border-color:var(--border-glass);transform:translateY(-4px);box-shadow:0 14px 35px #000000b3}.image-preview-wrapper{background-color:#050508;justify-content:center;align-items:center;width:100%;height:160px;display:flex;position:relative;overflow:hidden}.image-preview{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-normal)}.image-card:hover .image-preview{transform:scale(1.05)}.image-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity var(--transition-fast);background:#000000bf;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.image-card:hover .image-overlay{opacity:1}.overlay-btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:7px;padding:9px 16px;font-size:13px;font-weight:500;display:flex;box-shadow:0 4px 14px #00000080}.btn-copy-primary{background-color:var(--accent-red);color:#fff}.btn-copy-primary:hover{background-color:#dc2626;transform:scale(1.03)}.btn-copy-primary.copied{background-color:#10b981}.btn-icon-secondary{color:#fff;border-radius:var(--radius-md);background-color:#ffffff26;padding:9px}.btn-icon-secondary:hover{background-color:#ffffff4d}.image-details{flex-direction:column;gap:6px;padding:14px 16px;display:flex}.image-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:500;overflow:hidden}.image-meta{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}.quick-copy-bar{background-color:var(--bg-input);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-sm);color:var(--text-secondary);border:1px solid var(--border-subtle);cursor:pointer;transition:border-color var(--transition-fast);align-items:center;gap:6px;margin-top:4px;padding:5px 9px;font-size:11.5px;display:flex}.quick-copy-bar:hover{border-color:var(--border-glass)}.quick-url-text{text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:monospace;overflow:hidden}.copy-mini-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;padding:2px;display:flex}.copy-mini-btn:hover{color:var(--text-primary)}.toast-notification{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;border-radius:var(--radius-md);z-index:100;background-color:#0e0e12e6;border:1px solid #10b981;align-items:center;gap:10px;padding:12px 20px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 30px #000000b3}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:99;background:#000000d9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-content{flex-direction:column;align-items:center;max-width:90vw;max-height:90vh;display:flex;position:relative}.modal-image{object-fit:contain;border-radius:var(--radius-md);max-width:100%;max-height:80vh;box-shadow:0 20px 50px #000000e6}.modal-close{color:#fff;cursor:pointer;background:0 0;border:none;position:absolute;top:-40px;right:0}.empty-state{text-align:center;color:var(--text-muted);border:1px dashed var(--border-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);background:#0a0a0e66;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.empty-state p{max-width:400px;font-size:14px}