@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap");:root{--bg-color:#0b0f19;--glass-bg:hsla(0,0%,100%,.03);--glass-border:hsla(0,0%,100%,.08);--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent:#3b82f6;--accent-glow:rgba(59,130,246,.5);--accent-hover:#60a5fa;--folder-color:#fbbf24}*{box-sizing:border-box;padding:0;margin:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.15);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.25)}body{background-color:var(--bg-color);background-image:radial-gradient(circle at 15% 50%,rgba(59,130,246,.15),transparent 25%),radial-gradient(circle at 85% 30%,rgba(139,92,246,.15),transparent 25%);color:var(--text-primary);font-family:Outfit,sans-serif;min-height:100vh;display:flex;flex-direction:column}.container{max-width:1400px;width:95%;margin:0 auto;padding:1.5rem}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem}.header-titles{display:flex;flex-direction:column}.title{font-size:2.2rem;font-weight:700;background:linear-gradient(90deg,#60a5fa,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.25rem}.subtitle{color:var(--text-secondary);font-size:.95rem}.search-bar{width:100%;max-width:450px;position:relative}.search-input{width:100%;padding:.75rem 1.25rem;border-radius:9999px;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-primary);font-size:.95rem;font-family:inherit;outline:none;transition:all .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.search-input:focus{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.file-explorer{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:1.5rem;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-height:400px}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;font-size:.95rem;-moz-user-select:none;user-select:none;-webkit-user-select:none}.mobile-only{display:none}.breadcrumb-item{cursor:pointer;transition:color .2s ease}.breadcrumb-item:hover{color:var(--text-primary)}.breadcrumb-separator{opacity:.5}.file-list{display:flex;flex-direction:column;gap:.5rem}.file-list-header{padding:.5rem 1.2rem;color:var(--text-secondary);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--glass-border);margin-bottom:1rem}.file-item,.file-list-header{display:grid;grid-template-columns:minmax(200px,3fr) 150px 100px 110px;grid-gap:1.5rem;gap:1.5rem}.file-item{align-items:center;padding:.75rem 1.2rem;border-radius:8px;background:transparent;border:1px solid transparent;cursor:pointer;transition:all .2s ease;margin-bottom:.3rem}.file-item.even{background:hsla(0,0%,100%,.015)}.file-item:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.08)}.file-name-cell{gap:.75rem;overflow:hidden}.file-icon,.file-name-cell{display:flex;align-items:center}.file-icon{font-size:1.25rem;justify-content:center;width:32px;height:32px;background:transparent}.file-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary);font-size:.9rem;-moz-user-select:none;user-select:none;-webkit-user-select:none}.file-meta{font-size:.85rem;color:var(--text-secondary)}.download-btn{background:rgba(59,130,246,.1);color:var(--accent-hover);border:1px solid rgba(59,130,246,.2);padding:.35rem .6rem;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center;text-decoration:none;display:inline-block}.download-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.loading{display:flex;justify-content:center;align-items:center;height:200px;color:var(--text-secondary);font-size:1.2rem;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.preview-header{justify-content:space-between;margin-bottom:1.5rem}.preview-header,.preview-header-left{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.preview-header-left{min-width:0}.preview-header-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.preview-back-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);padding:.4rem .9rem;border-radius:8px;font-family:inherit;font-size:.85rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.preview-back-btn:hover{color:var(--text-primary);border-color:var(--accent);background:rgba(59,130,246,.08)}.preview-breadcrumb{display:flex;align-items:center;gap:.4rem;color:var(--text-secondary);font-size:.9rem;flex-wrap:wrap;min-width:0}.preview-size-badge{background:hsla(0,0%,100%,.05);border:1px solid var(--glass-border);color:var(--text-secondary);padding:.35rem .75rem;border-radius:6px;font-size:.8rem;font-family:monospace}.preview-download-btn{padding:.45rem 1.1rem;font-size:.85rem}.preview-body{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-height:400px;display:flex;flex-direction:column}.preview-video-wrap{display:flex;justify-content:center;align-items:center;background:#000;padding:0;min-height:400px;flex:1 1}.preview-video{width:100%;max-height:80vh;display:block;outline:none}.preview-audio-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-gap:1rem 1.5rem;gap:1rem 1.5rem;align-items:center;padding:2.5rem;flex:1 1}.preview-audio-icon{grid-row:1/3;font-size:4rem;width:96px;height:96px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(192,132,252,.15));border:1px solid var(--glass-border);border-radius:16px}.preview-audio-info{display:flex;flex-direction:column;gap:.25rem;min-width:0}.preview-audio-title{font-size:1.05rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;-moz-user-select:none;user-select:none;-webkit-user-select:none}.preview-audio-time{font-size:.82rem;color:var(--text-secondary);font-family:monospace}.preview-audio-controls{display:flex;align-items:center;gap:1rem}.preview-audio-play-btn{background:linear-gradient(135deg,#3b82f6,#c084fc);border:none;color:#fff;width:42px;height:42px;border-radius:50%;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .15s ease,box-shadow .15s ease}.preview-audio-play-btn:hover{transform:scale(1.08);box-shadow:0 0 16px rgba(59,130,246,.5)}.preview-audio-progress-wrap{flex:1 1;cursor:pointer;padding:8px 0}.preview-audio-progress-bg{width:100%;height:4px;background:hsla(0,0%,100%,.1);border-radius:2px;overflow:hidden}.preview-audio-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#c084fc);border-radius:2px;transition:width .1s linear}.preview-audio-volume{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.preview-audio-volume-slider{-webkit-appearance:none;width:70px;height:4px;background:hsla(0,0%,100%,.1);border-radius:2px;outline:none;cursor:pointer}.preview-audio-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#3b82f6;cursor:pointer}.preview-image-wrap{display:flex;justify-content:center;align-items:center;padding:2rem;flex:1 1;background-image:repeating-conic-gradient(hsla(0,0%,100%,.03) 0 25%,transparent 0 50%);background-size:20px 20px}.preview-image{max-width:100%;max-height:80vh;object-fit:contain;border-radius:6px;box-shadow:0 8px 32px rgba(0,0,0,.5)}.preview-pdf-frame{width:100%;height:85vh;border:none;display:block;flex:1 1}.preview-code-wrap{display:flex;flex-direction:column;flex:1 1;overflow:hidden}.preview-truncation-notice{background:rgba(251,191,36,.08);border-bottom:1px solid rgba(251,191,36,.2);color:#fbbf24;font-size:.8rem;padding:.5rem 1.25rem;flex-shrink:0}.preview-code-block{flex:1 1;overflow:auto;max-height:70vh;padding:1.5rem;margin:0;font-family:Fira Code,Cascadia Code,Consolas,monospace;font-size:.82rem;line-height:1.65;color:#cbd5e1;white-space:pre-wrap;word-break:break-word;background:transparent}.preview-unsupported{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;flex:1 1;padding:4rem 2rem;text-align:center}.preview-unsupported-icon{font-size:4rem;opacity:.5}.preview-unsupported-title{font-size:1.2rem;font-weight:600;color:var(--text-primary)}.preview-unsupported-sub{color:var(--text-secondary);font-size:.9rem;max-width:380px}.preview-metadata-bar{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1.5rem;margin:0 -1.5rem 1.5rem;border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);background:hsla(0,0%,100%,.02)}.preview-metadata-info{display:flex;gap:2rem;color:var(--text-secondary);font-size:.85rem}.meta-label{opacity:.7;margin-right:.4rem;letter-spacing:.05em}.meta-value{color:var(--text-primary)}@media (max-width:768px){.title{font-size:1.8rem}.header-top{flex-direction:column;align-items:flex-start}.search-bar{max-width:100%;margin-top:.5rem}.file-item,.file-list-header{grid-template-columns:1fr 110px;padding:.75rem;gap:1rem}.hide-on-mobile{display:none}.mobile-only{display:flex!important}.breadcrumb{font-size:.9rem}.container{padding:1rem;width:100%}.file-explorer{padding:1rem;border-radius:12px}.preview-header{flex-direction:column;align-items:flex-start;gap:1rem}.preview-back-btn{align-self:flex-start}.preview-metadata-bar{padding:.8rem 1rem;margin:0 -1rem 1rem;justify-content:space-between}.preview-metadata-bar,.preview-metadata-info{flex-direction:row;flex-wrap:wrap;gap:1rem}.preview-download-btn{width:100%;justify-content:center}.preview-audio-card{grid-template-columns:1fr;grid-template-rows:auto auto auto;justify-items:center;text-align:center;padding:1.5rem 1rem;gap:1.5rem}.preview-audio-icon{grid-row:1;grid-column:1;margin:0}.preview-audio-info{grid-row:2;grid-column:1;align-items:center;width:100%;min-width:0}.preview-audio-controls{grid-row:3;grid-column:1;width:100%;flex-direction:column;gap:1rem}.preview-audio-progress-wrap{width:100%}.preview-audio-volume{width:100%;justify-content:center}.preview-image{max-height:60vh}.preview-code-block{font-size:.8rem;padding:1rem}}