:root{color-scheme:light;--bg:#f8f8f7;--panel:#fff;--side:#f1f1f0;--text:#242522;--muted:#8b8d88;--line:#e6e7e3;--hover:#f4f4f1;--accent:#ed692f;--accent-soft:#fff1e9;--folder:#969b9b;--shadow:0 16px 60px #171a181a;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}body.dark{color-scheme:dark;--bg:#181a1a;--panel:#202222;--side:#1b1d1d;--text:#e5e7e3;--muted:#8e9491;--line:#303433;--hover:#292c2b;--accent-soft:#39281f;--folder:#939b98;--shadow:0 16px 60px #0005}button,input,select{font:inherit}button,a,select,input{ -webkit-tap-highlight-color:transparent}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;background:none;border-radius:7px;padding:8px 10px;color:inherit;cursor:pointer;transition:background .15s,transform .15s,border-color .15s}button:hover{background:var(--hover)}button:active{transform:translateY(1px)}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:inherit;text-decoration:none}svg{width:18px;height:18px;display:block;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;fill:none}i{display:inline-flex;font-style:normal;flex-shrink:0}.primary{background:var(--accent);color:white;font-weight:600;padding:10px 15px}.primary:hover{background:#d95d27}.primary:disabled{background:var(--accent)}.app-shell{display:grid;grid-template-columns:210px minmax(420px,1fr) 300px;height:100dvh;min-height:600px}.sidebar{background:var(--side);border-right:1px solid var(--line);padding:26px 16px 0;display:flex;flex-direction:column;min-height:0}.brand{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:16px;font-weight:800;letter-spacing:-.5px}.brand b{font-weight:400;color:var(--muted)}.brand-mark{display:grid;place-items:center;background:var(--accent);color:white;width:29px;height:29px;border-radius:8px;font-size:18px;font-weight:900}.workspace-label{margin:37px 9px 14px;font-size:10px;letter-spacing:1.4px;color:var(--muted);display:flex;align-items:center;justify-content:space-between}.test-badge{font-size:8px;border:1px solid var(--line);padding:3px 5px;letter-spacing:.6px;border-radius:4px}.nav-item{width:100%;justify-content:flex-start;padding:10px 12px;margin:2px 0;color:var(--muted);font-weight:500}.nav-item.active{background:var(--panel);color:var(--text);box-shadow:0 1px 3px #00000007}.nav-item.active>i{color:var(--accent)}.nav-item span{margin-left:auto;font-size:11px}.tree-title{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:1.3px;margin:27px 9px 6px}.tree-title button{padding:2px 5px;font-size:18px}.tree{overflow:auto;flex:1;min-height:80px}.tree-row{display:flex;align-items:center;padding-left:var(--depth);gap:0}.tree-row>button:first-child{padding:5px 3px;color:var(--muted);font-size:11px}.tree-row .folder-link{justify-content:flex-start;overflow:hidden;text-overflow:ellipsis;padding:8px 4px;flex:1;font-size:12px}.tree-row .folder-link i{color:var(--folder)}.tree-row.current{background:var(--hover);border-radius:6px}.storage{padding:20px 9px;color:var(--muted);font-size:11px}.storage>div{display:flex;gap:8px;align-items:center}.storage svg{width:15px}.storage progress{width:100%;height:4px;margin:13px 0 6px;accent-color:var(--accent);border:0}.storage progress::-webkit-progress-bar{background:var(--line);border-radius:8px}.storage progress::-webkit-progress-value{background:var(--accent);border-radius:8px}.sidebar-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:13px 0;font-size:11px}.sidebar-bottom small{color:var(--muted);margin-left:4px}.sidebar-bottom button{padding:6px}.sidebar-bottom svg{width:16px}.workspace{background:var(--panel);display:flex;flex-direction:column;min-width:0;min-height:0}.topbar{height:73px;border-bottom:1px solid var(--line);padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0}.breadcrumbs{display:flex;align-items:center;gap:7px;overflow:hidden;white-space:nowrap;font-size:12px}.breadcrumbs button{padding:5px 1px;color:var(--muted)}.breadcrumbs button:last-child{color:var(--text)}.breadcrumbs svg{width:15px}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:7px 10px;border-radius:7px;min-width:160px;color:var(--muted)}.search input{width:130px;background:none;border:0;outline:none;color:var(--text);font-size:11px}.search svg{width:14px;height:14px}kbd{font-family:inherit;font-size:10px;white-space:nowrap;color:var(--muted)}.heading{display:flex;align-items:center;justify-content:space-between;padding:29px 28px 24px;gap:16px}.heading h1{font-size:25px;letter-spacing:-.8px;font-weight:650;margin:0 0 7px}.heading p{font-size:12px;color:var(--muted);margin:0}.heading .primary{font-size:12px}.heading .primary svg{width:16px}.toolbar{margin:0 28px;display:flex;justify-content:space-between;align-items:center;gap:8px;padding-bottom:17px;border-bottom:1px solid var(--line)}.toolbar-group{display:flex;gap:7px;align-items:center}.toolbar button,.toolbar select{font-size:11px}.toolbar svg{height:15px;width:15px}.toolbar button:not(.icon-button){padding:7px 8px}.toolbar select{border:0;background:transparent;color:var(--muted);max-width:125px}.segmented{display:flex;border:1px solid var(--line);padding:2px;border-radius:7px}.segmented button{padding:5px 7px!important;color:var(--muted)}.segmented button.active{background:var(--hover);color:var(--text)}.file-area{flex:1;overflow:auto;min-height:0;padding:0 28px}.table-head,.file-row{display:grid;grid-template-columns:24px minmax(130px,1fr) 100px 75px 30px;gap:10px;align-items:center}.table-head{font-size:10px;color:var(--muted);padding:15px 10px 12px;letter-spacing:.1px}.file-row{min-height:54px;padding:8px 10px;border-bottom:1px solid var(--line);border-radius:5px;font-size:12px;cursor:default;user-select:none}.file-row:hover{background:var(--hover)}.file-row.selected{background:var(--accent-soft);border-color:transparent}.file-row.drop-target,.tree-row.drop-target{outline:1px dashed var(--accent);background:var(--accent-soft)}input[type=checkbox]{accent-color:var(--accent);width:13px;height:13px;margin:0;cursor:pointer}.filename{display:flex;align-items:center;gap:11px;min-width:0}.filename>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-icon{display:grid;place-items:center;position:relative;color:var(--folder);width:30px;height:34px;flex-shrink:0}.file-icon svg{width:30px;height:30px}.file-icon.folder svg{fill:var(--folder);stroke:var(--folder);opacity:.75}.file-icon:not(.folder) svg{stroke-width:1;opacity:.55}.file-icon em{position:absolute;font-style:normal;font-size:6px;font-weight:700;bottom:8px;background:var(--panel);padding:1px 2px;max-width:26px;overflow:hidden}.file-date,.file-size{color:var(--muted);font-size:11px}.row-more{padding:2px;font-size:18px;color:var(--muted)}.star-indicator{color:var(--accent);font-size:12px}.file-footer{padding:15px 28px;border-top:1px solid var(--line);font-size:10px;color:var(--muted);display:flex;justify-content:space-between}.dot{padding:0 6px}.selection-bar{display:flex;align-items:center;gap:8px;margin:12px 28px 0;background:var(--accent-soft);border-radius:7px;padding:5px 9px;font-size:11px}.selection-bar strong{margin-right:auto}.selection-bar button{padding:5px;font-size:11px}.selection-bar svg{height:14px;width:14px}.inspector{border-left:1px solid var(--line);background:var(--bg);padding:27px 20px 0;display:flex;flex-direction:column;min-height:0}.section-label{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px;letter-spacing:1.2px;margin-bottom:22px}.section-label svg{width:15px;height:15px}.dropzone{display:flex;flex-direction:column;width:100%;height:190px;border:1.5px dashed #e5a47e;border-radius:12px;background:var(--accent-soft);gap:9px}.dropzone:hover,.dropzone.drag{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-2px)}.drop-icon{height:44px;width:44px;background:var(--panel);box-shadow:0 3px 10px #b7683020;border-radius:12px;display:grid;place-items:center;margin-bottom:5px;color:var(--accent)}.drop-icon svg{height:23px;width:23px}.dropzone strong{font-size:13px;font-weight:600}.dropzone>span:not(.drop-icon){font-size:11px;color:var(--muted)}.dropzone small{font-size:9px;color:var(--muted);margin-top:7px}.auto-share{display:flex;align-items:center;gap:7px;font-size:9px;margin:14px 0 26px;color:var(--muted);cursor:pointer}.auto-share input{width:12px;height:12px}.auto-share svg{width:12px;height:12px}.queue-heading{display:flex;justify-content:space-between;font-size:11px}.queue-heading strong{font-weight:600}.queue-heading span{font-size:10px;color:var(--muted)}.upload-queue{max-height:230px;overflow:auto;margin:14px 0 22px;min-height:50px}.queue-empty{display:flex;gap:8px;color:var(--muted);font-size:10px;align-items:center;padding:7px 0}.queue-empty svg{height:14px;width:14px}.upload-item{padding:10px 0;border-bottom:1px solid var(--line);font-size:11px}.upload-item strong{font-size:10px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:250px}.upload-item .upload-meta{display:flex;justify-content:space-between;margin-top:7px;font-size:9px;color:var(--muted);gap:5px}.upload-item progress{width:100%;height:3px;accent-color:var(--accent);margin-top:9px}.upload-item button{font-size:9px;padding:3px}.details{border-top:1px solid var(--line);padding:20px 0;overflow:auto;flex:1;min-height:110px}.detail-label{font-size:10px;color:var(--muted);letter-spacing:1px}.detail-empty{text-align:center;padding:28px 12px;color:var(--muted)}.detail-empty i{margin:0 auto 12px}.detail-empty svg{height:36px;width:36px;stroke-width:1}.detail-empty p{font-size:11px;line-height:1.7;margin:0}.detail-preview{background:var(--side);height:120px;border-radius:9px;margin:15px 0;display:flex;align-items:center;justify-content:center;overflow:hidden}.detail-preview img{max-width:100%;max-height:100%;object-fit:contain}.detail-preview>.file-icon{transform:scale(2)}.details h3{font-size:12px;font-weight:600;overflow-wrap:anywhere;margin:13px 0}.detail-table{font-size:10px;display:grid;grid-template-columns:80px 1fr;gap:12px;margin:18px 0}.detail-table dt{color:var(--muted)}.detail-table dd{margin:0;overflow-wrap:anywhere}.detail-actions{display:flex;gap:5px}.detail-actions button{border:1px solid var(--line);font-size:10px;flex:1}.detail-actions svg{width:13px;height:13px}.inspector-foot{font-size:9px;color:var(--muted);display:flex;gap:6px;align-items:center;border-top:1px solid var(--line);padding:18px 0}.inspector-foot svg{height:11px;width:11px}.empty{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:310px;text-align:center;color:var(--muted)}.empty>i svg{width:50px;height:50px;stroke-width:1;color:var(--folder);margin-bottom:17px}.empty h3{font-size:14px;color:var(--text);font-weight:550}.empty p{font-size:12px;max-width:300px;line-height:1.6}.empty button{margin-top:13px}.grid-files{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;padding-top:18px}.grid-files .file-row{display:flex;flex-direction:column;align-items:stretch;position:relative;border:1px solid var(--line);height:155px;padding:12px}.grid-files .file-row>input{position:absolute;top:10px;left:10px}.grid-files .filename{display:flex;flex-direction:column;gap:17px;flex:1;justify-content:center}.grid-files .filename>span{max-width:100%;font-size:11px}.grid-files .file-icon{transform:scale(1.4);margin-top:8px}.grid-files .file-date{display:none}.grid-files .file-size{text-align:center;font-size:9px}.grid-files .row-more{position:absolute;right:7px;top:6px}.grid-files .star-indicator{position:absolute;right:10px;bottom:12px}.context-menu{position:fixed;z-index:10;background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:5px;box-shadow:var(--shadow);min-width:190px}.context-menu button{width:100%;justify-content:flex-start;font-size:12px;padding:8px}.context-menu kbd{margin-left:auto}.toast{position:fixed;bottom:23px;left:50%;transform:translateX(-50%);background:var(--text);color:var(--panel);padding:12px 20px;border-radius:9px;box-shadow:var(--shadow);font-size:12px;z-index:30;max-width:80vw}dialog{border:1px solid var(--line);border-radius:15px;background:var(--panel);color:var(--text);padding:24px;width:440px;max-width:90vw;box-shadow:var(--shadow)}dialog::backdrop{background:#15191870;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dialog-heading h2{font-size:18px;margin:0;letter-spacing:-.4px}.dialog-heading button{font-size:22px;padding:0 7px}label{line-height:1.4}#dialog-content>label{display:block;font-size:12px;margin:15px 0}#dialog-content input:not([type=checkbox]),#dialog-content select{display:block;width:100%;margin-top:8px;padding:10px;border:1px solid var(--line);border-radius:7px;background:var(--bg);color:var(--text)}#dialog-content p{color:var(--muted);font-size:12px;line-height:1.7}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:25px}dialog.quicklook{width:850px}#dialog-content .quick-media{display:block;max-width:100%;max-height:65vh;margin:auto}#dialog-content pre{white-space:pre-wrap;overflow:auto;max-height:60vh;background:var(--bg);padding:18px;font-size:12px}.login-screen{min-height:100dvh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 30%,var(--accent-soft),transparent 70%)}.login-card{width:380px;max-width:90vw;padding:36px;background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.login-card h1{font-size:28px;letter-spacing:-1px;line-height:1.25;margin-top:36px}.login-card p{color:var(--muted);font-size:12px;line-height:1.7}.login-card label{display:block;font-size:11px;margin-top:27px}.login-card input{width:100%;margin-top:7px;padding:12px;background:var(--bg);border:1px solid var(--line);border-radius:8px;color:var(--text)}.login-card .primary{width:100%;margin-top:16px;justify-content:space-between}.login-card small{display:block;text-align:center;font-size:10px;color:var(--muted);margin-top:24px}.share-card{text-align:center;max-width:460px;width:90vw}.share-card .brand{justify-content:center}.share-card h1{font-size:22px;overflow-wrap:anywhere}.share-card .file-icon{margin:35px auto 20px;transform:scale(1.5)}.share-entry{padding:16px 0;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:center}.share-entry>div{flex:1;min-width:0}.share-entry strong{font-size:12px;overflow-wrap:anywhere}.share-entry p{font-size:10px;color:var(--muted)}.share-entry button{font-size:11px;border:1px solid var(--line)}[hidden]{display:none!important}@media(min-width:1600px){.app-shell{grid-template-columns:230px minmax(420px,1fr) 330px}.inspector{padding-left:26px;padding-right:26px}}@media(max-width:1100px){.app-shell{grid-template-columns:175px minmax(340px,1fr) 260px}.sidebar{padding-left:10px;padding-right:10px}.topbar,.heading{padding-left:20px;padding-right:20px}.toolbar{margin-left:20px;margin-right:20px}.file-area{padding:0 20px}.inspector{padding:24px 15px 0}.search{min-width:120px}.search input{width:85px}.search kbd{display:none}.table-head,.file-row{grid-template-columns:20px minmax(110px,1fr) 65px 25px}.file-date{display:none}.toolbar-group{gap:1px}#paste-button{font-size:0}#paste-button svg{font-size:initial}.file-footer>span:last-child{display:none}}@media(max-width:780px){.app-shell{grid-template-columns:58px minmax(260px,1fr);height:auto;min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh;padding:22px 7px}.sidebar .brand>span:last-child,.workspace-label,.tree-title,.tree,.storage,.sidebar-bottom span{display:none}.sidebar .brand{justify-content:center}.sidebar nav{margin-top:30px}.nav-item{font-size:0;padding:12px;gap:0}.nav-item span{display:none}.sidebar-bottom{flex-direction:column;margin-top:auto}.workspace{height:70dvh;min-height:470px}.inspector{grid-column:2;display:block;border-top:1px solid var(--line);border-left:none}.section-label{margin-bottom:14px}.dropzone{height:145px}.details{display:none}.upload-queue{max-height:180px}.heading{padding:20px 15px}.heading h1{font-size:21px}.heading p{font-size:10px}.topbar{padding:0 15px;height:60px}.search input{width:80px}.toolbar{margin:0 10px}.file-area{padding:0 10px}.toolbar button{font-size:10px}.selection-bar{margin:8px 10px;font-size:10px;gap:2px}.selection-bar button{font-size:0}.selection-bar button svg{width:16px;height:16px}.selection-bar button[data-action=move],.selection-bar button[data-action=restore]{font-size:10px}.auto-share{font-size:11px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media(max-width:780px){.workspace,.inspector{min-width:0}.toolbar-group{min-width:0}.toolbar select{max-width:65px;font-size:10px}.toolbar button{white-space:nowrap}.topbar{gap:8px}.breadcrumbs{flex:1}.file-footer{padding-left:15px}.search{min-width:110px;max-width:125px}.file-row,.table-head{grid-template-columns:18px minmax(80px,1fr) 50px 20px;gap:6px}.upload-section{position:relative}.sidebar{grid-row:1 / 3}}
@media(max-width:780px){.app-shell{height:100dvh;min-height:0;grid-template-rows:minmax(0,60dvh) minmax(0,40dvh)}.sidebar{height:100%;grid-row:1 / 3}.workspace{height:auto;min-height:0}.inspector{grid-row:2;overflow:auto;padding:12px 15px 0}.inspector .section-label{margin-bottom:8px;font-size:9px}.dropzone{height:112px;gap:4px}.drop-icon{height:27px;width:27px;margin:0}.drop-icon svg{height:17px;width:17px}.dropzone small{margin-top:2px}.dropzone strong{font-size:12px}.auto-share{margin:9px 0 13px;font-size:9px}.upload-queue{margin:5px 0 10px;min-height:25px}.inspector-foot{padding:9px 0}.heading .primary{padding:9px;font-size:11px}.toolbar button{padding:6px!important}.toolbar select{width:55px}.file-area:focus-visible{outline-offset:-3px}}
.toolbar-wrap{position:relative}.selection-bar{position:absolute;top:0;left:28px;right:28px;margin:0;height:35px}.toolbar-wrap:has(.selection-bar:not([hidden])) .toolbar{visibility:hidden}@media(max-width:1100px){.selection-bar{left:20px;right:20px}}@media(max-width:780px){.selection-bar{left:10px;right:10px;margin:0;height:33px}}