@import url("https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,300;12..96,400;12..96,600;12..96,800&family=Fira+Code:wght@400;500&display=swap");:root{--bg:#09090b;--bg2:#111115;--bg3:#18181e;--border:#222228;--border2:#2e2e38;--text:#e4e4f0;--text2:#8888a0;--text3:#555568;--accent:#6ee7b7;--accent2:#34d399;--danger:#f87171;--warn:#fbbf24;--radius:10px;--font-ui:"Bricolage Grotesque",system-ui,sans-serif;--font-mono:"Fira Code","Cascadia Code",monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:15px;-webkit-font-smoothing:antialiased;overflow:hidden}.fm-shell{display:flex;height:100vh;overflow:hidden;position:relative}.sidebar{width:220px;flex-shrink:0;background:var(--bg2);border-right:1px solid var(--border);flex-direction:column;padding:20px 14px}.logo,.sidebar{display:flex;gap:8px}.logo{align-items:center;padding:4px 6px 16px;border-bottom:1px solid var(--border);margin-bottom:8px}.logo-icon{font-size:22px;color:var(--accent);line-height:1}.logo-text{font-size:20px;font-weight:800;letter-spacing:-.5px;color:var(--text)}.logo-accent{color:var(--accent)}.sidebar-section{display:flex;flex-direction:column;gap:4px;padding-bottom:16px;border-bottom:1px solid var(--border);margin-bottom:8px}.sidebar-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text3);padding:0 6px;margin-bottom:4px}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:4px 6px;font-size:13px;color:var(--text2);border-radius:6px}.stat-row strong{color:var(--text);font-weight:600;font-family:var(--font-mono);font-size:12px}.side-btn{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;background:transparent;border:none;border-radius:7px;color:var(--text2);font-family:var(--font-ui);font-size:13.5px;font-weight:500;cursor:pointer;text-align:left;transition:background .12s,color .12s}.side-btn:hover{background:var(--bg3);color:var(--text)}.side-btn.primary{background:rgba(110,231,183,.12);color:var(--accent);border:1px solid rgba(110,231,183,.25);margin-top:4px}.side-btn.primary:hover{background:rgba(110,231,183,.2)}.sidebar-footer{margin-top:auto;padding-top:12px}.badge{display:inline-block;font-size:11px;font-family:var(--font-mono);color:var(--text3);background:var(--bg3);border:1px solid var(--border);border-radius:4px;padding:3px 7px}.fm-main{flex:1 1;display:flex;flex-direction:column;overflow:hidden;position:relative}.toolbar{justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border);background:var(--bg);gap:12px;flex-shrink:0}.toolbar,.toolbar-actions{display:flex;align-items:center}.toolbar-actions{gap:6px}.tb-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:7px;border:1px solid var(--border2);background:var(--bg2);color:var(--text2);font-family:var(--font-ui);font-size:13px;font-weight:500;cursor:pointer;transition:all .12s;white-space:nowrap}.tb-btn:hover{background:var(--bg3);color:var(--text);border-color:var(--border2)}.tb-btn.primary{background:var(--accent);color:#052e1a;border-color:var(--accent);font-weight:600}.tb-btn.primary:hover{background:var(--accent2);border-color:var(--accent2)}.tb-btn.danger{color:var(--danger);border-color:hsla(0,91%,71%,.3)}.tb-btn.danger:hover{background:hsla(0,91%,71%,.1)}.breadcrumbs{flex-wrap:wrap;min-width:0}.bc-item,.breadcrumbs{display:flex;align-items:center;gap:2px}.bc-sep{color:var(--text3);font-size:14px;padding:0 2px}.bc-link{background:none;border:none;color:var(--text2);font-family:var(--font-ui);font-size:14px;font-weight:500;cursor:pointer;padding:3px 6px;border-radius:5px;transition:color .1s,background .1s}.bc-link:hover:not(:disabled){color:var(--text);background:var(--bg3)}.bc-link.bc-current{color:var(--text);cursor:default}.upload-queue{padding:10px 20px;background:var(--bg2);border-bottom:1px solid var(--border);flex-shrink:0}.upload-item,.upload-queue{display:flex;flex-direction:column;gap:4px}.upload-info{display:flex;align-items:center;justify-content:space-between;font-size:12.5px}.upload-name{color:var(--text2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%}.upload-name,.upload-status{font-family:var(--font-mono)}.upload-status{font-size:12px}.status-uploading{color:var(--warn)}.status-done{color:var(--accent)}.status-error{color:var(--danger)}.progress-track{height:3px;background:var(--border2);border-radius:99px;overflow:hidden}.progress-bar{height:100%;background:var(--accent);border-radius:99px;transition:width .2s ease}.inline-form{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg2);border-bottom:1px solid var(--border);flex-shrink:0}.inline-form-icon{font-size:18px}.inline-input{flex:1 1;max-width:300px;background:var(--bg3);border:1px solid var(--border2);border-radius:7px;color:var(--text);font-family:var(--font-ui);font-size:14px;padding:7px 12px;outline:none;transition:border-color .15s}.inline-input:focus{border-color:var(--accent)}.inline-input::placeholder{color:var(--text3)}.error-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;background:hsla(0,91%,71%,.08);border-bottom:1px solid hsla(0,91%,71%,.2);color:var(--danger);font-size:13.5px;flex-shrink:0}.error-bar button{background:none;border:none;color:var(--danger);cursor:pointer;font-size:16px;line-height:1}.file-grid{flex:1 1;overflow-y:auto;padding:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:10px;gap:10px;align-content:start}.item-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 12px 14px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:border-color .12s,background .12s,transform .08s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.item-card:hover{background:var(--bg3);border-color:var(--border2)}.item-card.selected{border-color:var(--accent);background:rgba(110,231,183,.06);box-shadow:0 0 0 1px var(--accent) inset}.item-card:active{transform:scale(.97)}.item-icon{font-size:36px;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.folder-card .item-icon{font-size:40px}.item-meta{width:100%;text-align:center;display:flex;flex-direction:column;gap:3px}.item-name{font-size:12.5px;font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.item-name,.item-sub{font-family:var(--font-mono)}.item-sub{font-size:11px;color:var(--text3)}.item-dl{position:absolute;top:8px;right:8px;display:none;background:var(--bg3);border:1px solid var(--border2);border-radius:5px;color:var(--accent);font-size:13px;font-weight:700;cursor:pointer;width:24px;height:24px;align-items:center;justify-content:center;transition:background .1s}.file-card:hover .item-dl{display:flex}.item-dl:hover{background:rgba(110,231,183,.15)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:60px 20px;color:var(--text3)}.empty-state.wide{grid-column:1/-1}.empty-icon{font-size:48px;filter:grayscale(.5)}.empty-text{font-size:16px;font-weight:600;color:var(--text2)}.empty-sub{font-size:13px}.spinner{width:28px;height:28px;border:2.5px solid var(--border2);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--bg2);border:1px solid var(--border2);border-radius:12px;padding:24px;width:360px;display:flex;flex-direction:column;gap:14px;box-shadow:0 20px 60px rgba(0,0,0,.5)}.modal h3{font-size:16px;font-weight:700;text-transform:capitalize}.modal-input{width:100%;background:var(--bg3);border:1px solid var(--border2);border-radius:7px;color:var(--text);font-family:var(--font-ui);font-size:14px;padding:9px 12px;outline:none}.modal-input:focus{border-color:var(--accent)}.modal-actions{display:flex;gap:8px;justify-content:flex-end}.drag-overlay{position:absolute;inset:0;background:rgba(9,9,11,.85);justify-content:center;z-index:50;border:2px dashed var(--accent);border-radius:var(--radius);margin:8px;pointer-events:none}.drag-inner,.drag-overlay{display:flex;align-items:center}.drag-inner{text-align:center;flex-direction:column;gap:12px}.drag-icon{font-size:56px;color:var(--accent);animation:bounce .8s ease-in-out infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.drag-inner p{font-size:18px;font-weight:700;color:var(--accent);letter-spacing:-.3px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text3)}