:root{font-family:DM Sans,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:14px;color:#202a35;background:#f8fafc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.45;cursor:not-allowed}.app-root{--bg:#f8fafc;--panel:#fff;--border:#e9edf2;--text:#253140;--muted:#86929e;--blue:#1769d2;--blue-soft:#edf5ff;--side:#fff;--hover:#f5f8fc;min-height:100vh;background:var(--bg);color:var(--text)}.app-root.theme-dark{--bg:#111922;--panel:#1b2631;--border:#303e4a;--text:#edf3f8;--muted:#97a7b8;--blue:#70aeff;--blue-soft:#233c54;--side:#17212b;--hover:#23303b}.layout{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;width:246px;flex:0 0 246px;height:100vh;background:var(--side);border-right:1px solid var(--border);padding:31px 20px 21px;display:flex;flex-direction:column;z-index:10}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:0 7px 64px}.sidebar-brand b,.login-top b{font-size:20px;letter-spacing:-.9px}.sidebar-brand b span,.login-top b span{color:var(--blue)}.sidebar-brand small{font-size:9px;letter-spacing:1.55px;color:var(--muted);display:block;margin-top:5px;font-weight:700}.logomark{height:39px;width:39px;flex:0 0 39px;display:grid;place-items:center;background:#eaf3ff;color:#1769d2;border-radius:12px}.sidebar-section-label{font-size:10px;color:var(--muted);font-weight:800;letter-spacing:1.2px;padding:0 13px 15px}.nav-links{display:grid;gap:6px}.nav-links button{width:100%;display:flex;align-items:center;gap:13px;text-align:left;padding:13px 14px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-weight:700}.nav-links button.active,.nav-links button:hover{background:var(--blue-soft);color:var(--blue)}.sidebar-bottom{margin-top:auto}.drive-card{background:var(--hover);border:1px solid var(--border);border-radius:12px;padding:17px}.drive-label{display:flex;gap:9px;align-items:center;color:var(--text)}.drive-label span{font-size:10px;margin-left:auto;color:#e7a05d}.drive-label span.dot-online{color:#49b88f}.drive-card p{font-size:11px;margin:12px 0 7px;color:var(--muted)}.drive-card small{font-size:10px;color:var(--muted)}.bar,.upload-track{height:6px;border-radius:50px;background:var(--border);overflow:hidden;margin-top:16px}.bar>div,.upload-track span{display:block;height:100%;border-radius:50px;background:#3e98ee}.sidebar-version{font-size:10px;color:var(--muted);padding:18px 6px 0}.main{flex:1;min-width:0}.topbar{background:var(--panel);height:72px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(25px,4vw,61px)}.top-left,.top-right{display:flex;align-items:center;gap:15px}.top-title{font-size:13px;font-weight:800}.beta{font-size:9px;font-weight:800;letter-spacing:.7px;color:var(--blue);background:var(--blue-soft);padding:6px 8px;border-radius:6px}.icon-btn{display:inline-grid;place-items:center;border:0;background:transparent;color:var(--muted);width:32px;height:32px;border-radius:8px;flex:0 0 auto}.icon-btn:hover{background:var(--hover);color:var(--text)}.logout-btn{display:flex;align-items:center;gap:7px;border:0;background:transparent;color:var(--muted);font-weight:600}.logout-btn:hover{color:var(--blue)}.content{max-width:1500px;padding:43px clamp(25px,4vw,61px) 70px;margin:0 auto}.heading{margin-bottom:31px}.overline{font-size:10px;color:var(--blue);font-weight:800;letter-spacing:2.1px}.heading h1{font-size:29px;line-height:1.3;letter-spacing:-.7px;margin:12px 0 11px}.heading p{margin:0;color:var(--muted);font-size:12px}.file-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;min-height:420px;box-shadow:0 5px 25px #23314c05}.toolbar{padding:20px 23px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--border)}.breadcrumbs{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}.breadcrumbs button{background:none;border:0;color:var(--text);font-weight:700;padding:4px 0;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumbs button:hover{color:var(--blue)}.breadcrumbs .crumb-home{display:flex;align-items:center;gap:8px}.crumb-arrow{color:#afbac6;flex-shrink:0}.toolbar-right{display:flex;align-items:center;gap:9px}.primary,.subtle-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:11px 14px;white-space:nowrap;font-size:12px;font-weight:800}.primary{background:#1769d2;color:#fff;border:1px solid #1769d2}.primary:hover{background:#1059b7}.subtle-btn{border:1px solid var(--border);background:var(--panel);color:var(--text)}.subtle-btn:hover{background:var(--hover)}.read-only-pill{display:flex;align-items:center;gap:6px;background:var(--hover);border-radius:7px;padding:10px;color:var(--muted);font-size:11px}.filter-line{padding:15px 23px;display:flex;justify-content:space-between;align-items:center;gap:15px;color:var(--muted);font-size:11px}.search{display:flex;align-items:center;gap:10px;border:1px solid var(--border);padding:9px 11px;border-radius:8px;max-width:310px;width:100%}.search input{border:0;outline:0;background:transparent;width:100%;min-width:0;color:var(--text);font-size:12px}.table-heading,.file-row{display:grid;grid-template-columns:minmax(180px,1fr) 175px 100px 117px;align-items:center;gap:15px;padding:0 23px}.table-heading{height:40px;background:var(--hover);color:var(--muted);font-size:11px;font-weight:700}.file-row{min-height:63px;border-bottom:1px solid var(--border);font-size:12px}.file-row:last-child{border-bottom:0}.filename{border:0;background:none;display:flex;gap:13px;align-items:center;text-align:left;color:var(--text);min-width:0;padding:7px 0;font-weight:650}.filename-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-icon{width:37px;height:37px;border-radius:9px;flex:0 0 37px;background:#f1f4f7;color:#7e90a2;display:grid;place-items:center}.file-icon.folder{background:#eaf3ff;color:#398be5}.theme-dark .file-icon{background:#2b3b49}.theme-dark .file-icon.folder{background:#1d4768}.file-row time,.size-label{color:var(--muted);font-size:11px}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:0}.more-wrap{position:relative}.context-menu{position:absolute;right:0;top:31px;width:165px;background:var(--panel);border:1px solid var(--border);box-shadow:0 10px 35px #1112;border-radius:10px;z-index:3;display:grid;padding:6px}.context-menu button{background:none;border:0;text-align:left;border-radius:6px;padding:10px;color:var(--text);font-size:12px}.context-menu button:hover{background:var(--hover)}.context-menu .danger{color:#d35050}.placeholder{min-height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);text-align:center;gap:8px}.placeholder h3{font-size:14px;color:var(--text);margin:9px 0 0}.placeholder p{font-size:12px;margin:0}.notice{padding:13px 15px;border-radius:9px;display:flex;align-items:center;gap:10px;margin-bottom:19px;font-size:12px}.notice.error{background:#ffeded;color:#b94141}.notice button{border:0;background:none;color:inherit;text-decoration:underline;margin-left:auto}.foot-note{font-size:11px;color:var(--muted);margin:23px 0;display:flex;gap:9px;align-items:center;flex-wrap:wrap}.trash-heading{display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--border);padding:22px;font-weight:800}.trash-heading span{color:var(--muted);font-size:11px;margin-left:auto}.trash-row{padding:16px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);gap:18px}.trash-row b{font-size:12px;overflow-wrap:anywhere}.trash-row small{display:block;color:var(--muted);margin-top:7px}.login-page{min-height:100vh;display:flex;flex-direction:column}.login-top{display:flex;align-items:center;gap:10px;padding:27px 45px}.theme-login{margin-left:auto}.login-card{background:var(--panel);border:1px solid var(--border);width:min(440px,calc(100vw - 36px));border-radius:18px;padding:37px 39px;margin:auto;box-shadow:0 25px 65px #1e416010}.login-symbol{display:grid;place-items:center;background:var(--blue-soft);color:var(--blue);height:62px;width:62px;border-radius:17px;margin-bottom:27px}.micro-title{font-weight:800;letter-spacing:1.8px;color:var(--blue);font-size:10px}.login-card h1{font-size:29px;margin:10px 0 11px}.login-card p{font-size:12px;line-height:1.85;color:var(--muted);margin:0 0 30px}.login-card label{font-size:12px;font-weight:700;display:block;margin-bottom:10px}.login-card input{width:100%;border:1px solid var(--border);background:var(--panel);padding:15px 13px;border-radius:9px;color:var(--text);outline-color:#77b8ff}.login-card .full{margin-top:17px;width:100%;height:47px}.login-note{border-top:1px solid var(--border);margin-top:31px;padding-top:22px;display:flex;gap:9px;align-items:center;font-size:11px;color:var(--muted)}.login-footer{text-align:center;color:var(--muted);font-size:9px;letter-spacing:1px;padding:24px}.error-box{margin-top:10px;color:#c74747;font-size:12px}.loading-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--blue)}.loading-page p{font-size:12px}.toast{position:fixed;right:24px;bottom:25px;border-radius:10px;background:#213b53;color:#fff;padding:15px 20px;box-shadow:0 5px 28px #1114;display:flex;align-items:center;gap:10px;z-index:120;font-size:12px}.upload-banner{position:fixed;bottom:25px;left:50%;transform:translate(-50%);width:min(490px,90vw);display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--border);box-shadow:0 10px 40px #0002;border-radius:12px;padding:16px 18px;z-index:110;color:var(--text)}.upload-banner>div{flex:1;min-width:0}.upload-banner b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.upload-banner strong{color:var(--blue)}.upload-track{margin-top:11px;height:5px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#050f1fbd;display:flex;align-items:center;justify-content:center;padding:25px}.modal{width:min(1050px,100%);height:min(780px,94vh);background:var(--panel);border-radius:14px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 90px #0004}.modal-top{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid var(--border);padding:13px 20px}.modal-top b{font-size:13px;display:block;overflow-wrap:anywhere}.modal-top small{font-size:10px;color:var(--muted);display:block;margin-top:5px}.modal-actions{display:flex;align-items:center;gap:9px}.preview-body{flex:1;overflow:auto;min-height:0;display:flex;align-items:center;justify-content:center;background:var(--bg)}.preview-body img{max-width:95%;max-height:95%;-o-object-fit:contain;object-fit:contain}.preview-body iframe{width:100%;height:100%;border:0;background:#fff}.preview-body video{max-width:100%;max-height:100%}.preview-body pre{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;overflow:auto;height:100%;width:100%;padding:25px;font-size:12px;line-height:1.6}.unsupported{text-align:center;color:var(--muted);padding:20px}.unsupported h3{color:var(--text)}.unsupported p{font-size:12px;line-height:1.8}.unsupported .primary{margin-top:16px}.intro-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:var(--panel);display:flex;align-items:center;justify-content:center;flex-direction:column}.intro-ring{height:115px;width:115px;border:1px dashed #9bc8fa;border-radius:50%;display:grid;place-items:center;color:var(--blue);animation:draw-ring 1.45s ease both}.intro-screen strong{font-size:31px;letter-spacing:-1px;margin-top:22px}.intro-screen strong span{color:var(--blue)}.intro-screen small{letter-spacing:2.2px;margin-top:8px;color:var(--muted);font-weight:700;font-size:9px}.intro-leave-active{transition:opacity .35s ease}.intro-leave-to{opacity:0}@keyframes draw-ring{0%{transform:scale(.8) rotate(-35deg);opacity:.35}to{transform:scale(1) rotate(0);opacity:1}}.spin{animation:rotate 1s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.mobile-toggle,.mobile-x{display:none}@media(max-width:1050px){.sidebar{width:208px;flex-basis:208px}.content{padding:32px 25px}.topbar{padding:0 25px}.table-heading,.file-row{grid-template-columns:minmax(150px,1fr) 130px 70px 105px;gap:8px;padding-left:16px;padding-right:16px}.toolbar{padding:15px 16px}.filter-line{padding:13px 16px}}@media(max-width:720px){.sidebar{position:fixed;left:0;top:0;height:100vh;width:260px;transform:translate(-100%);transition:transform .2s;box-shadow:10px 0 40px #0001}.sidebar.sidebar-open{transform:translate(0)}.mobile-x{display:grid;margin-left:auto}.mobile-toggle{display:grid}.mobile-shade{position:fixed;top:0;right:0;bottom:0;left:0;background:#0005;z-index:8}.topbar{height:61px;padding:0 14px}.top-left,.top-right{gap:7px}.beta,.logout-btn span{display:none}.content{padding:25px 13px}.heading{padding:0 4px}.heading h1{font-size:25px}.toolbar{flex-wrap:wrap}.toolbar-right{width:100%}.toolbar-right .primary,.toolbar-right .subtle-btn{flex:1}.table-heading,.file-row{grid-template-columns:minmax(120px,1fr) 76px 72px;gap:5px;padding:0 10px}.table-heading span:nth-child(2),.file-row time{display:none}.filename{gap:7px}.file-icon{height:31px;width:31px;flex-basis:31px}.row-actions .icon-btn{width:23px}.modal-overlay{padding:8px}.modal{height:95vh}.modal-top{padding:10px}.login-top{padding:20px}.login-card{padding:29px 25px}.foot-note{line-height:1.8}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.logomark{background:transparent;border-radius:50%;overflow:visible}.logomark img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.sidebar-version{display:flex;justify-content:space-between;align-items:center;gap:8px}.brand-replay{border:0;background:transparent;color:var(--muted);font-size:10px;cursor:pointer;padding:3px;white-space:nowrap}.brand-replay:hover{color:var(--blue);text-decoration:underline}.brand-intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;background:var(--bg);color:var(--text);opacity:1;overflow:hidden;isolation:isolate}.brand-intro:before{content:"";position:absolute;width:min(65vw,550px);height:min(65vw,550px);background:radial-gradient(circle,rgba(33,112,122,.065),transparent 69%);border-radius:50%;z-index:-1}.brand-intro.is-closing{opacity:0;pointer-events:none;transition:opacity .46s ease}.intro-stage{width:242px;height:242px;position:relative;display:grid;place-items:center}.intro-sketch{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;fill:none;stroke:var(--blue);stroke-width:1.15;opacity:.82}.intro-outer{stroke-dasharray:650;stroke-dashoffset:650;animation:introTrace 1s cubic-bezier(.24,.65,.24,1) .05s both}.intro-inner{stroke-dasharray:510;stroke-dashoffset:510;opacity:.5;animation:introTrace 1s cubic-bezier(.24,.65,.24,1) .23s both}.intro-gear{transform-origin:121px 121px;stroke-dasharray:11 14;opacity:.36;animation:introGear 1.15s cubic-bezier(.2,.65,.3,1) .3s both}.intro-guides{stroke-dasharray:6 8;animation:introGuide .75s ease .18s both}.intro-logo{position:relative;width:158px;height:158px;-o-object-fit:contain;object-fit:contain;z-index:2;filter:drop-shadow(0 12px 18px rgba(10,50,88,.11));animation:introLogo 1.15s cubic-bezier(.12,.7,.3,1) .38s both}.intro-spark{position:absolute;right:29px;top:36px;width:7px;height:7px;border-radius:100%;background:#f28b34;box-shadow:0 0 0 5px #f28b3417;animation:introSpark .36s ease 1.22s both}.intro-copy{text-align:center;display:flex;align-items:center;flex-direction:column;gap:7px;animation:introCaption .55s ease .92s both}.intro-copy strong{font-size:25px;letter-spacing:-.8px}.intro-copy strong span{color:var(--blue)}.intro-copy small{font-size:11px;letter-spacing:.16em;color:var(--muted)}.intro-progress{width:104px;height:2px;border-radius:99px;background:var(--border);overflow:hidden;margin-top:3px}.intro-progress:after{content:"";display:block;width:100%;height:100%;background:var(--blue);transform-origin:left;animation:introProgress 1.6s cubic-bezier(.3,0,.25,1) .25s both}@keyframes introTrace{to{stroke-dashoffset:0}}@keyframes introGear{0%{transform:rotate(-20deg);opacity:0}to{transform:rotate(8deg);opacity:.36}}@keyframes introGuide{0%{opacity:0}to{opacity:.4}}@keyframes introLogo{0%{clip-path:circle(0% at 50% 50%);opacity:0;transform:scale(.91)}to{clip-path:circle(75% at 50% 50%);opacity:1;transform:scale(1)}}@keyframes introCaption{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes introProgress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes introSpark{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}@media(max-width:1100px){.app-shell{grid-template-columns:215px minmax(0,1fr)}.jump-cards{gap:9px}.jump-card{padding:15px 12px}.table-head,.file-row{grid-template-columns:minmax(155px,2fr) 60px 70px 20px}.file-date,.table-head>span:nth-child(4){display:none}}@media(max-width:760px){.intro-stage{width:214px;height:214px}.intro-logo{width:140px;height:140px}}@media(prefers-reduced-motion:reduce){.brand-intro,.brand-intro *{animation:none!important;transition:none!important}}.app-root{--bg:#f7f9fb;--hover:#f4f7fb;--border:#e4eaf0;--blue:#086bdc;--blue-soft:#edf4fd}.app-root.theme-dark{--bg:#101922;--hover:#22303d;--border:#2d3c49;--blue:#79b4ff;--blue-soft:#203b58}.content{max-width:1550px}.file-card{border-radius:15px;box-shadow:0 6px 24px #162d4806}.file-row{min-height:64px}.file-row:hover{background:var(--hover)}.filename-label{font-weight:650}.file-display-tools{display:flex;align-items:center;gap:13px;flex-wrap:wrap;justify-content:flex-end}.file-count{white-space:nowrap;color:var(--muted)}.view-switch{display:inline-flex;align-items:center;gap:3px;background:var(--hover);border:1px solid var(--border);border-radius:9px;padding:3px}.view-switch button{width:30px;height:29px;display:grid;place-items:center;background:transparent;border:0;border-radius:6px;color:var(--muted)}.view-switch button:hover{color:var(--text)}.view-switch button.selected{background:var(--panel);color:var(--blue);box-shadow:0 1px 5px #20395213}.thumb-size-control{display:flex;gap:6px;align-items:center;color:var(--muted);font-size:11px;white-space:nowrap}.thumb-size-control select{border:1px solid var(--border);border-radius:7px;padding:6px 21px 6px 9px;background:var(--panel);color:var(--text);outline-color:var(--blue);font-size:11px;cursor:pointer}.media-grid{display:grid;gap:13px;padding:16px 20px 23px;grid-template-columns:repeat(auto-fill,minmax(165px,1fr))}.media-grid--small{grid-template-columns:repeat(auto-fill,minmax(122px,1fr));gap:10px}.media-grid--large{grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:17px}.media-card{min-width:0;position:relative;border:1px solid var(--border);border-radius:11px;background:var(--panel);overflow:hidden;transition:border-color .13s,box-shadow .13s,transform .13s}.media-card:hover{border-color:#9dc6f5;box-shadow:0 8px 24px #23456813;transform:translateY(-2px)}.media-card-main{width:100%;border:0;background:none;color:var(--text);display:flex;flex-direction:column;text-align:left;padding:9px;min-width:0}.media-thumb{width:100%;aspect-ratio:4/3;border-radius:7px;background:var(--hover);color:#7b97af;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.media-thumb.folder{background:linear-gradient(145deg,var(--blue-soft),var(--hover));color:#3584d8}.media-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.media-play{position:absolute;bottom:9px;right:10px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#151e29bc;color:#fff}.media-name{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;margin-top:11px;min-height:17px}.media-meta{display:block;font-size:10px;margin:6px 0 4px;color:var(--muted);min-height:13px}.media-quick,.media-card-actions{position:absolute;right:12px;top:13px;color:#39536a;display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:#fffffff0;border:1px solid #e3ebf2;opacity:0;transition:opacity .12s}.media-card:hover .media-quick,.media-card:focus-within .media-quick,.media-card:hover .media-card-actions,.media-card:focus-within .media-card-actions{opacity:1}.media-quick:hover{color:var(--blue)}.media-card-actions{top:43px}.media-card-actions button{border:0;background:none;color:inherit;padding:4px}.more-gallery{display:flex;gap:14px;align-items:center;justify-content:center;padding:14px 0 27px;color:var(--muted);font-size:11px}.modal{width:min(1200px,calc(100vw - 56px));height:min(870px,calc(100vh - 36px));border-radius:12px}.modal-top{min-height:64px;padding:10px 18px}.modal-filename{min-width:0;flex:1}.modal-filename b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px}.viewer-frame{position:relative;flex:1;min-height:0;display:flex;background:#101923}.viewer-frame .preview-body{background:#101923;color:#e5ebf1;width:100%;min-width:0}.viewer-frame .preview-body img{max-width:calc(100% - 120px);max-height:calc(100% - 16px);-o-object-fit:contain;object-fit:contain}.viewer-frame .preview-body video{max-width:calc(100% - 120px);max-height:calc(100% - 16px)}.viewer-frame .preview-body pre,.viewer-frame .unsupported h3{color:#e5ebf1}.viewer-arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:42px;height:50px;background:#ffffff14;border:1px solid #ffffff25;border-radius:9px;color:#fff;opacity:.8;transition:opacity .12s,background .12s}.viewer-arrow:hover{background:#ffffff30;opacity:1}.viewer-prev{left:12px}.viewer-next{right:12px}.filmstrip{height:105px;flex:0 0 105px;display:flex;align-items:center;gap:9px;overflow-x:auto;overflow-y:hidden;padding:10px 18px;background:var(--panel);border-top:1px solid var(--border);scrollbar-width:thin}.film-item{height:74px;min-width:92px;width:92px;flex:0 0 92px;border:2px solid transparent;border-radius:8px;padding:3px;background:var(--hover);color:var(--muted);display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer}.film-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:4px}.film-item.is-active{border-color:var(--blue);box-shadow:0 0 0 1px #398ee54a}.film-item:hover{border-color:#89b9eb}.viewer-hint{height:25px;display:grid;place-items:center;background:var(--panel);color:var(--muted);font-size:10px;border-top:1px solid var(--border)}@media(max-width:720px){.file-display-tools{gap:7px}.filter-line{flex-wrap:wrap}.view-switch button{width:28px;height:28px}.thumb-size-control span{display:none}.media-grid{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));padding:12px;gap:10px}.media-grid--small{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}.media-grid--large{grid-template-columns:repeat(auto-fill,minmax(165px,1fr))}.media-quick{opacity:1}.modal{width:100%;height:calc(100dvh - 12px)}.modal-actions .subtle-btn{padding:8px}.viewer-frame .preview-body img,.viewer-frame .preview-body video{max-width:calc(100% - 84px)}.viewer-arrow{width:32px;height:42px}.viewer-prev{left:3px}.viewer-next{right:3px}.filmstrip{height:88px;flex-basis:88px;padding:6px 9px;gap:7px}.film-item{height:65px;flex-basis:75px;width:75px;min-width:75px}.viewer-hint{font-size:9px}}