@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#10131b;--panel:#171b26;--panel2:#1c2230;--line:#2a3141;--text:#f3f5fb;--muted:#929bad;--accent:#a4f4ce;--accent-dark:#10281f;--blue:#8bb8ff;--red:#ff9292}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 78% -15%,#202a3a 0,transparent 45%),var(--bg);color:var(--text);font-family:'DM Sans',system-ui,sans-serif;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;border-right:1px solid var(--line);background:#121620;display:flex;flex-direction:column;padding:28px 18px 18px;z-index:5}.brand{display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-weight:800;font-size:20px;letter-spacing:-.7px;margin:0 0 48px 8px}.brand-mark{width:31px;height:31px;display:inline-grid;place-items:center;border-radius:10px;background:var(--accent);color:#14251e;font-size:17px;font-weight:800;box-shadow:0 5px 18px #a4f4ce22}.side-label,.eyebrow{font-size:10px;letter-spacing:1.65px;font-weight:700;color:#778196}.side-label{padding:0 12px;margin:0 0 12px}.nav-item{display:flex;align-items:center;gap:13px;padding:12px;border-radius:10px;color:#9da7b8;margin-bottom:5px;transition:.2s}.nav-item span{width:18px;text-align:center;font-size:18px}.nav-item:hover,.nav-item.active{background:#202a34;color:var(--accent)}.nav-item.active{box-shadow:inset 2px 0 var(--accent)}.sidebar .side-label:nth-of-type(2){margin-top:31px}.account{margin-top:auto;border-top:1px solid var(--line);padding:20px 4px 14px;display:flex;gap:10px;align-items:center;min-width:0}.avatar{width:35px;height:35px;flex-shrink:0;display:grid;place-items:center;background:#293d43;color:var(--accent);border-radius:12px;font-weight:700}.account strong,.account small{display:block;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account strong{font-size:12px}.account small{color:var(--muted);font-size:10px;margin-top:2px}.logout-form{margin:0}.logout{width:100%;border:0;background:transparent;text-align:left}.sidebar-bottom{font-size:10px;color:#8e98aa;border-top:1px solid var(--line);padding:17px 7px 0;display:flex;align-items:center;gap:7px}.status-dot{width:7px;height:7px;border-radius:50%;background:#6be1a9}.version{margin-left:auto;color:#677186}.main{margin-left:248px;padding:38px clamp(22px,4vw,58px) 24px;max-width:1700px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}.eyebrow{margin:0 0 10px}.topbar h1,.auth-card h1,.share-info h1{font-family:Manrope,sans-serif;font-size:clamp(27px,3vw,36px);letter-spacing:-1.2px;line-height:1.2;margin:0 0 9px;font-weight:800}.muted{color:var(--muted);margin:0}.top-actions{display:flex;align-items:center;gap:16px}.secure-label{font-size:11px;color:#a8b2c2;white-space:nowrap}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:11px 16px;border:1px solid transparent;border-radius:10px;font-weight:700;font-size:12px;white-space:nowrap;transition:transform .15s,background .15s}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--accent);color:#15251e}.btn.primary:hover{background:#b8ffdd}.btn.secondary{border-color:#394355;background:#202635;color:#e8edf7}.btn.full{width:100%;margin-top:10px}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:24px}.stat-card,.upload-card,.files-section{border:1px solid var(--line);background:linear-gradient(145deg,#191e2a,#161a24);border-radius:15px}.stat-card{padding:20px 21px;min-height:143px}.stat-head{display:flex;align-items:center;justify-content:space-between;color:#aab3c2;font-size:12px}.stat-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#26352f;color:var(--accent);font-size:16px}.stat-number{font-family:Manrope,sans-serif;font-size:29px;font-weight:800;letter-spacing:-.7px;margin:11px 0 0}.stat-unit{font-size:15px;color:var(--muted);margin-left:3px}.stat-foot{font-size:11px;color:#858fa1;margin-top:2px}.progress{height:5px;background:#303646;border-radius:8px;overflow:hidden;margin:12px 0 8px}.progress span{display:block;height:100%;border-radius:8px;background:var(--accent)}.upload-card,.files-section{padding:23px;margin-bottom:23px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}.section-heading h2{font-family:Manrope,sans-serif;font-size:17px;letter-spacing:-.3px;margin:0 0 5px}.section-heading p{font-size:11px}.limit-pill{border:1px solid #384254;background:#202633;padding:7px 10px;border-radius:7px;color:#aeb8c8;font-size:10px;white-space:nowrap}.drop-zone{border:1px dashed #465366;border-radius:12px;min-height:218px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at 50% 10%,#24342e66,transparent 65%),#151a24;transition:.2s}.drop-zone.dragging{border-color:var(--accent);background:#1c2c28}.upload-symbol{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:#273b33;color:var(--accent);font-size:25px;margin-bottom:10px}.drop-zone h3{margin:0 0 3px;font-size:14px}.drop-zone p{margin:0 0 8px;color:#929daf;font-size:11px}.browse-link{color:var(--accent);text-decoration:underline;cursor:pointer}.drop-zone small{color:#758094;font-size:10px;margin-bottom:13px}.drop-zone .btn{padding:8px 13px}.tiny-note{font-size:10px;color:#768195;margin:13px 0 0}.upload-queue{display:grid;gap:9px;margin-top:12px}.queue-item{position:relative;padding:12px 13px 11px;border:1px solid var(--line);border-radius:10px;background:#141923}.queue-item strong{display:block;font-size:11px;max-width:80%;overflow-wrap:anywhere}.queue-item small{position:absolute;right:12px;top:12px;color:var(--muted);font-size:10px}.queue-progress{height:4px;border-radius:5px;background:#303647;margin:9px 0 5px;overflow:hidden}.queue-progress span{display:block;width:0;height:100%;background:var(--accent);transition:width .12s}.queue-status{font-size:10px;color:#a3adbd}.queue-status a{color:var(--accent);text-decoration:underline;margin-left:5px}.queue-error .queue-status{color:var(--red)}.queue-success .queue-status{color:var(--accent)}.file-tools{display:flex;gap:8px;align-items:center}.search-input{width:190px;max-width:40vw;background:#111620;border:1px solid #333b4b;border-radius:9px;padding:10px 12px;color:var(--text);outline:none;font-size:11px}.search-input:focus,input:focus{border-color:#7cae9b;outline:none}.file-tools .btn{padding:10px 12px}.table-wrap{overflow:auto;border:1px solid #293040;border-radius:10px}table{width:100%;border-collapse:collapse;min-width:610px}th{text-align:left;font-size:9px;letter-spacing:1.1px;color:#7f899d;background:#191e29;padding:13px 15px;font-weight:700}td{padding:13px 15px;border-top:1px solid #252c3a;color:#aab3c2;font-size:11px}tbody tr:hover{background:#1b202c}tbody tr[hidden]{display:none}.file-cell{display:flex;align-items:center;gap:10px}.file-icon{display:grid;place-items:center;width:33px;height:33px;flex-shrink:0;border-radius:9px;background:#25362f;color:var(--accent);font-size:15px}.file-cell strong,.file-cell small{display:block;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-cell strong{font-size:11px;color:#e7ebf4;font-weight:600}.file-cell small{font-size:9px;color:#788397;margin-top:3px}.table-link{color:var(--accent);font-size:10px}.icon-btn{border:0;background:transparent;color:#8792a5;font-size:20px;padding:0 7px}.icon-btn:hover{color:var(--red)}.file-select{accent-color:#a4f4ce;margin-right:9px;vertical-align:middle}.empty{text-align:center;padding:35px 10px}.empty-icon{margin:0 auto 9px;display:grid;place-items:center;width:39px;height:39px;background:#24372f;color:var(--accent);border-radius:12px;font-size:22px}.empty strong{color:#dfe5ef}.empty p{margin:4px 0;color:var(--muted);font-size:11px}.footer{display:flex;justify-content:space-between;color:#667185;font-size:10px;padding:10px 2px 0}.notice{border:1px solid #614e37;background:#2a241c;color:#f0cfa2;padding:11px 13px;border-radius:9px;margin-bottom:18px;font-size:12px}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(100%,430px);border:1px solid var(--line);background:linear-gradient(145deg,#1b202d,#151923);padding:34px;border-radius:18px;box-shadow:0 30px 100px #0003}.auth-card .brand{margin:0 0 35px}.auth-card h1{font-size:29px}.auth-card form{margin-top:24px}.auth-card label{display:block;font-size:11px;color:#b9c1cf;margin:15px 0 7px}.auth-card input{width:100%;padding:12px 13px;border:1px solid #353d4d;border-radius:9px;background:#111620;color:#f3f5fb}.auth-foot{text-align:center;font-size:11px;color:var(--muted);margin:23px 0 0}.auth-foot a{color:var(--accent)}.auth-card .notice{margin-top:15px}.share-page{max-width:900px;margin:auto;padding:24px}.share-nav{display:flex;align-items:center;justify-content:space-between;padding:10px 0 45px}.share-nav .brand{margin:0}.share-card{max-width:700px;margin:0 auto;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:linear-gradient(145deg,#1b202d,#151923)}.share-preview{min-height:220px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 10%,#24342e88,transparent 70%),#121721;padding:20px}.preview-file{display:grid;place-items:center;gap:6px;width:92px;height:100px;border:1px solid #435347;border-radius:13px;color:var(--accent);font-size:36px;background:#1c2a27}.preview-file span{font-size:10px}.video-player{display:block;max-width:100%;max-height:430px;width:100%;background:#000}.share-info{padding:27px}.share-info h1{font-size:24px;overflow-wrap:anywhere}.share-actions{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 15px}.share-page .footer{margin-top:28px}.share-info .muted{font-size:11px;margin-top:8px}@media(max-width:1000px){.sidebar{width:210px}.main{margin-left:210px;padding:28px 22px}.topbar{align-items:flex-start;flex-direction:column}.top-actions{width:100%;justify-content:space-between}.stats-grid{gap:10px}.stat-card{padding:16px}.stat-number{font-size:25px}}@media(max-width:700px){.sidebar{position:relative;width:auto;height:auto;inset:auto;padding:14px 16px;display:block;border-right:0;border-bottom:1px solid var(--line)}.sidebar .brand{margin:0;font-size:18px}.sidebar .side-label,.sidebar .nav-item,.sidebar .account,.sidebar-bottom{display:none}.sidebar .logout-form{position:absolute;right:15px;top:16px}.sidebar .logout{display:flex;width:auto;padding:7px 9px;font-size:0;background:#202635}.sidebar .logout span{font-size:17px}.main{margin-left:0;padding:24px 15px}.topbar h1{font-size:28px}.top-actions{gap:10px}.secure-label{font-size:10px}.stats-grid{grid-template-columns:1fr;gap:9px}.stat-card{min-height:unset;padding:15px 17px}.stat-number{margin-top:4px}.upload-card,.files-section{padding:16px}.section-heading{align-items:flex-start;flex-direction:column}.limit-pill{align-self:flex-start}.file-tools{width:100%}.search-input{flex:1;max-width:none;min-width:0}.drop-zone{min-height:205px}.share-page{padding:16px}.share-nav{padding-bottom:25px}.share-card .share-info{padding:20px}.auth-card{padding:25px}.footer{gap:10px;flex-wrap:wrap}}

/* Public landing page */
.landing-shell{max-width:1440px;margin:0 auto;padding:0 clamp(18px,5vw,76px)}.landing-nav{height:91px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0d}.landing-nav .brand,.landing-footer .brand{margin:0}.landing-nav-actions{display:flex;align-items:center;gap:25px}.nav-login{font-size:12px;color:#c1c8d5}.nav-login:hover,.landing-footer a:hover{color:var(--accent)}.landing-nav .btn{padding:10px 15px}.hero{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:36px;min-height:565px;padding:52px 0 67px}.hero-copy{max-width:570px}.hero-copy .eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:22px}.hero-copy .status-dot{display:inline-block}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(48px,6vw,78px);line-height:1.03;letter-spacing:-4.5px;margin:0;font-weight:800}.hero h1 span{color:var(--accent)}.hero-sub{max-width:490px;color:#a5afc0;font-size:15px;line-height:1.85;margin:23px 0 25px}.hero-actions{display:flex;gap:11px;flex-wrap:wrap}.hero-cta{padding:14px 19px}.hero-proof{display:flex;gap:18px;flex-wrap:wrap;margin-top:26px;color:#8f9aac;font-size:10px}.hero-proof b{color:var(--accent);margin-right:5px}.hero-art{position:relative;min-width:0;display:grid;place-items:center;min-height:405px}.orbit{position:absolute;border:1px solid #a4f4ce12;border-radius:50%;aspect-ratio:1}.orbit-one{width:95%;max-width:490px}.orbit-two{width:75%;max-width:385px;border-color:#8bb8ff15}.file-window{position:relative;z-index:1;width:min(100%,410px);border:1px solid #374152;border-radius:19px;background:linear-gradient(145deg,#202635,#171c28);box-shadow:0 35px 90px #0005;transform:rotate(-2deg);overflow:hidden}.window-top{height:49px;border-bottom:1px solid #ffffff0b;display:flex;align-items:center;gap:6px;padding:0 17px}.window-top>span{width:7px;height:7px;border-radius:50%;background:#5c6677}.window-top>span:first-child{background:#e6a28e}.window-top>span:nth-child(2){background:#e8ce8a}.window-top>span:nth-child(3){background:#8edbb8}.window-top small{font-size:8px;letter-spacing:1.3px;color:#8e99aa;margin-left:auto}.file-illustration{height:254px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 60%,#a4f4ce12,transparent 60%)}.big-file{width:124px;height:151px;border:1px solid #6aa88f;background:linear-gradient(145deg,#314a42,#202f30);border-radius:13px;position:relative;box-shadow:0 18px 40px #0003}.file-fold{position:absolute;right:-1px;top:-1px;width:36px;height:36px;background:#527765;border-left:1px solid #6aa88f;border-bottom:1px solid #6aa88f;border-radius:0 12px 0 9px;clip-path:polygon(0 0,100% 100%,0 100%)}.file-lines{position:absolute;left:20px;top:55px;display:grid;gap:8px}.file-lines i{display:block;width:74px;height:5px;border-radius:5px;background:#8ed7b5}.file-lines i:nth-child(2){width:58px;opacity:.65}.file-lines i:nth-child(3){width:68px;opacity:.4}.file-check{position:absolute;right:-14px;bottom:-13px;width:38px;height:38px;border:4px solid #1b202c;display:grid;place-items:center;border-radius:50%;background:var(--accent);color:#173328;font-weight:900;font-size:17px}.float-card{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 14px;background:#202736;border:1px solid #394455;border-radius:12px;box-shadow:0 14px 35px #0004;transform:rotate(2deg)}.float-card b,.float-card small{display:block;white-space:nowrap}.float-card b{font-size:10px}.float-card small{font-size:8px;color:#9ca7b8;margin-top:3px}.float-icon{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:#294237;color:var(--accent);font-size:17px}.float-upload{left:-36px;top:39px}.float-link{right:-30px;bottom:30px}.link-icon{background:#28394e;color:#a9cbff}.window-bottom{height:68px;border-top:1px solid #ffffff0b;display:flex;align-items:center;gap:10px;padding:0 18px}.mini-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--accent);color:#14251e;font-weight:800}.window-bottom b,.window-bottom small{display:block}.window-bottom b{font-size:10px}.window-bottom small{font-size:8px;color:#8c97a9;margin-top:2px}.window-count{font-size:8px;color:#a4f4ce;margin-left:auto}.spark{position:absolute;color:var(--accent);font-size:27px}.spark-a{top:31px;right:12%}.spark-b{bottom:28px;left:8%;color:#8bb8ff}.feature-section{padding:66px 0 74px;border-top:1px solid #ffffff0d}.feature-heading{text-align:center;max-width:610px;margin:0 auto 31px}.feature-heading .eyebrow{margin-bottom:12px}.feature-heading h2,.bottom-cta h2{font-family:Manrope,sans-serif;font-size:clamp(25px,3.5vw,36px);line-height:1.2;letter-spacing:-1.1px;margin:0 0 11px}.feature-heading .muted,.bottom-cta .muted{font-size:12px;line-height:1.8}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.feature-card{border:1px solid var(--line);border-radius:14px;padding:22px 19px;background:linear-gradient(145deg,#1a202c,#151923);min-height:178px}.feature-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:#263b32;color:var(--accent);font-size:20px;margin-bottom:17px}.feature-card h3{font-family:Manrope,sans-serif;font-size:13px;margin:0 0 8px}.feature-card p{font-size:11px;color:#929daf;line-height:1.8;margin:0}.bottom-cta{border:1px solid #38483f;background:radial-gradient(ellipse at 85% 50%,#a4f4ce12,transparent 45%),#171f23;border-radius:17px;padding:32px clamp(22px,4vw,45px);display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:45px}.bottom-cta .eyebrow{margin-bottom:10px}.bottom-cta h2{font-size:25px}.bottom-cta .btn{flex-shrink:0}.landing-footer{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:0 0 25px;color:#778296;font-size:10px}.landing-footer .brand{font-size:17px;color:var(--text)}.landing-footer .brand-mark{width:27px;height:27px;border-radius:8px;font-size:14px}.landing-footer>div{display:flex;gap:16px}.landing-footer>span{margin-left:auto}.landing-footer>div a{color:#9da7b8}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:10px;padding-top:65px}.hero-copy{max-width:650px;margin:0 auto;text-align:center}.hero-copy .eyebrow,.hero-actions{justify-content:center}.hero-sub{margin-left:auto;margin-right:auto}.hero-proof{justify-content:center}.hero-art{min-height:390px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-footer>span{display:none}}@media(max-width:560px){.landing-shell{padding:0 17px}.landing-nav{height:75px}.landing-nav .brand{font-size:18px}.landing-nav-actions{gap:13px}.landing-nav .btn{padding:9px 11px}.hero{min-height:unset;padding:57px 0 47px}.hero h1{font-size:49px;letter-spacing:-2.8px}.hero-sub{font-size:13px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.hero-proof{gap:9px 13px;font-size:9px}.hero-art{min-height:325px;margin:0 -7px}.file-window{width:90%}.file-illustration{height:210px}.float-upload{left:-14px;top:27px}.float-link{right:-13px;bottom:20px}.float-card{padding:9px}.float-card b{font-size:9px}.float-card small{font-size:7px}.feature-section{padding:48px 0}.feature-grid{grid-template-columns:1fr;gap:10px}.feature-card{min-height:unset;padding:18px}.feature-icon{margin-bottom:12px}.bottom-cta{align-items:flex-start;flex-direction:column;padding:25px 21px;margin-bottom:30px}.bottom-cta .btn{width:100%}.landing-footer{flex-wrap:wrap;gap:13px}.landing-footer>span{display:block;order:3;width:100%;margin-left:0}.landing-footer>div{margin-left:auto}}


/* Share/download landing page styled after the supplied xCloud reference */
.reference-share{min-height:100vh;background:#fff;color:#15202b;font-family:Arial,Helvetica,sans-serif;margin:-1px}.reference-header{height:48px;background:#f3f3f3;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.reference-brand{font-size:21px;font-weight:800;color:#101820}.reference-header nav{display:flex;gap:38px;padding-right:45px}.reference-header nav a{font-weight:700;color:#111;font-size:14px}.reference-share-main{width:min(1170px,94%);margin:40px auto 0;padding-bottom:28px}.reference-share-card{border:1px solid #ddd;border-radius:4px;overflow:hidden}.reference-file-title{background:#5200ff;color:#fff;text-align:center;font-weight:700;padding:12px 15px;font-size:14px;overflow-wrap:anywhere}.reference-meta{padding:24px 19px 0}.reference-meta>div{display:flex;justify-content:space-between;align-items:center;min-height:34px;border:1px solid #ddd;border-bottom:0;padding:6px 14px;font-size:14px}.reference-meta>div:last-child{border-bottom:1px solid #ddd}.reference-meta em{font-style:italic;text-align:right}.reference-meta a{color:#4f00ff;font-style:italic}.reference-preview-area{padding:14px 19px 18px;display:flex;justify-content:center;align-items:center}.reference-video-player{width:min(100%,850px);max-height:480px;background:#000}.reference-file-preview{width:100%;min-height:100px;display:flex;gap:12px;align-items:center;justify-content:center;flex-direction:column;color:#334155}.reference-file-icon{display:grid;place-items:center;background:#f1f5f9;border:1px solid #d7dce2;border-radius:8px;min-width:55px;min-height:55px;font-size:12px;font-weight:800}.reference-file-preview small{color:#667085}.reference-share-url{display:flex;margin-top:8px;height:38px}.reference-share-url input{flex:1;min-width:0;background:#e9ecef;border:1px solid #ced4da;border-radius:3px 0 0 3px;padding:8px 12px;color:#27364a;font-size:14px}.reference-share-url button{border:0;border-radius:0 3px 3px 0;background:#5200ff;color:white;font-weight:700;padding:0 15px;white-space:nowrap}.reference-main-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:81%;margin:19px auto 0}.reference-main-actions a{display:flex;justify-content:center;align-items:center;min-height:39px;border-radius:5px;font-size:12px;color:#061018}.reference-watch{background:#baff00}.reference-download{background:#00c6e8}.reference-extra-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-direction:column;margin:28px auto 0}.reference-extra-actions a{display:inline-flex;align-items:center;justify-content:center;background:#5200ff;color:#fff;border-radius:4px;padding:10px 13px;font-size:14px;font-weight:700}.reference-note{margin-top:27px;background:#d1e2ff;color:#11408a;text-align:center;padding:17px 14px;font-size:14px}.reference-owner{text-align:center;color:#697386;font-size:11px;margin:14px 0}@media(max-width:600px){.reference-header nav{gap:15px;padding-right:0}.reference-share-main{margin-top:22px;width:96%}.reference-meta{padding:14px 10px 0}.reference-meta>div{font-size:12px;padding:6px 9px}.reference-preview-area{padding:10px}.reference-share-url input{font-size:11px;padding:6px}.reference-share-url button{font-size:11px;padding:0 9px}.reference-main-actions{width:100%}.reference-main-actions a{font-size:10px}.reference-note{font-size:12px}}

/* Functional share actions and drive-like file tools */
.reference-extra-actions button{display:inline-flex;align-items:center;justify-content:center;background:#5200ff;color:#fff;border:0;border-radius:4px;padding:10px 13px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit}.file-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.file-tools .search-input{min-width:180px;padding:10px 12px;border:1px solid #dbe1ea;border-radius:8px}.file-select{width:16px;height:16px;accent-color:#5b21b6}.file-cell{display:flex;align-items:center;gap:10px}.file-icon{display:grid;place-items:center;min-width:34px;height:34px;border-radius:8px;background:#f0eaff;color:#5b21b6;font-weight:800}.table-link{color:#5b21b6;font-weight:600}.icon-btn{border:0;background:#fff0f0;color:#b42318;border-radius:7px;padding:5px 10px;cursor:pointer}@media(max-width:640px){.file-tools{width:100%}.file-tools .search-input{width:100%}.file-tools .btn{flex:1}}

/* FileNova Drive workspace refresh */
:root{--drive-bg:#f7f8fa;--drive-card:#fff;--drive-line:#e7e9ee;--drive-text:#202632;--drive-muted:#77808e;--drive-blue:#3478f6;--drive-blue-soft:#eaf1ff}
body{background:var(--drive-bg);color:var(--drive-text)}
.drive-app{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.drive-sidebar{position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid var(--drive-line);padding:24px 14px;display:flex;flex-direction:column;gap:9px;z-index:5}
.drive-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#161b25;font-size:22px;font-weight:750;padding:0 12px 26px}.drive-logo{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#4285f4,#245edc);font-weight:800;box-shadow:0 5px 12px #3478f633}
.drive-upload-trigger{border:0;background:#e8f0ff;color:#1e5dc9;border-radius:999px;height:46px;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;margin:0 4px 18px;cursor:pointer}.drive-upload-trigger:hover{background:#d9e7ff}
.drive-nav-item{display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:11px;color:#515b69;text-decoration:none;font-size:14px;font-weight:550;transition:.15s}.drive-nav-item span{width:20px;text-align:center;font-size:18px}.drive-nav-item:hover{background:#f4f6fa}.drive-nav-item.active{background:#eaf1ff;color:#205ecb;font-weight:700}
.drive-storage{margin:25px 9px 10px;padding:15px 3px;border-top:1px solid var(--drive-line);font-size:12px;color:var(--drive-muted)}.drive-storage>div:first-child{display:flex;justify-content:space-between;gap:8px;margin-bottom:10px}.drive-storage strong{font-weight:650;color:#535d6c}.drive-progress{height:5px;border-radius:99px;background:#e8ebf0;overflow:hidden}.drive-progress span{display:block;height:100%;background:var(--drive-blue);border-radius:99px}.drive-storage small{display:block;margin-top:8px}.drive-user{margin-top:auto;border-top:1px solid var(--drive-line);padding:18px 5px 0;display:flex;align-items:center;gap:10px;min-width:0}.drive-avatar{width:34px;height:34px;flex:none;display:grid;place-items:center;background:#dce9ff;color:#1f60ce;border-radius:50%;font-size:13px;font-weight:750}.drive-avatar.small{width:32px;height:32px}.drive-user>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:3px}.drive-user strong{font-size:12px;overflow:hidden;text-overflow:ellipsis}.drive-user small{font-size:10px;color:var(--drive-muted);overflow:hidden;text-overflow:ellipsis}.drive-user form{margin-left:auto}.drive-user form button{border:0;background:none;cursor:pointer;color:#687283;font-size:18px}
.drive-main{min-width:0}.drive-topbar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(20px,3vw,42px);background:#fff;border-bottom:1px solid var(--drive-line)}.drive-search{width:min(680px,75%);height:44px;border-radius:999px;background:#f2f4f7;display:flex;align-items:center;gap:12px;padding:0 18px;color:#7a8391}.drive-search span{font-size:22px}.drive-search input{border:0;outline:0;background:transparent;width:100%;font:inherit;font-size:14px;color:var(--drive-text)}.drive-top-actions{display:flex;align-items:center;gap:16px}.drive-content{max-width:1600px;margin:0 auto;padding:30px clamp(20px,3vw,42px)}.drive-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}.drive-heading h1{font-size:28px;letter-spacing:-.8px;margin:5px 0 6px}.drive-heading .muted{margin:0;color:var(--drive-muted);font-size:13px}.drive-heading-actions{display:flex;gap:8px;align-items:center}.drive-heading-actions .btn{min-height:38px}.drive-upload-panel{background:#fff;border:1px solid var(--drive-line);border-radius:16px;padding:16px;margin-bottom:24px}.drive-drop{border:1.5px dashed #cbd6e7;background:#fbfcff;border-radius:12px;text-align:center;padding:22px 12px}.drive-drop h3{margin:8px 0 5px;font-size:16px}.drive-drop p{margin:0 0 8px;font-size:13px;color:var(--drive-muted)}.drive-drop small{display:block;color:var(--drive-muted);font-size:11px;margin-bottom:13px}.drive-drop .upload-symbol{margin:0 auto;width:38px;height:38px;border-radius:12px;background:var(--drive-blue-soft);color:var(--drive-blue);display:grid;place-items:center;font-size:23px}.drive-file-section{background:#fff;border:1px solid var(--drive-line);border-radius:16px;overflow:hidden;box-shadow:0 2px 5px #202a3b05}.drive-toolbar{padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--drive-line);font-size:13px}.drive-toolbar>div:first-child{display:flex;align-items:center;gap:10px}.drive-toolbar label{cursor:pointer}.drive-toolbar #selection-count{color:var(--drive-muted);margin-left:5px}.drive-bulk-actions{display:flex;gap:8px}.drive-bulk-actions .btn{font-size:12px;min-height:34px}.drive-table-wrap{overflow:auto}.drive-table{width:100%;border-collapse:collapse;font-size:13px}.drive-table th{height:43px;background:#fbfcfd;color:#828b98;text-align:left;font-size:10px;letter-spacing:.07em;font-weight:750;padding:0 15px;white-space:nowrap;border-bottom:1px solid var(--drive-line)}.drive-table td{padding:14px 15px;border-bottom:1px solid #eff1f4;color:#4e5866;vertical-align:middle}.drive-table tbody tr:hover{background:#f8faff}.drive-table tbody tr:last-child td{border-bottom:0}.drive-file-cell{display:flex;align-items:center;gap:11px;min-width:210px}.drive-file-cell input{accent-color:var(--drive-blue)}.drive-file-icon{width:38px;height:42px;border-radius:9px;background:#fff2dc;color:#d88a11;border:1px solid #ffe4b5;display:grid;place-items:center;font-size:13px;font-weight:800;flex:none}.drive-file-icon.video{background:#fff0f0;color:#e34e55;border-color:#ffd5d7}.drive-file-name{display:flex;flex-direction:column;gap:4px;min-width:0}.drive-file-name strong{color:#2a313d;font-weight:650;max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drive-file-name small{font-size:11px;color:#98a0ab}.table-link{color:#326fd7;text-decoration:none;font-size:12px;white-space:nowrap}.table-link:hover{text-decoration:underline}.row-actions{display:flex;gap:5px;justify-content:flex-end;white-space:nowrap}.row-action{border:1px solid transparent;background:transparent;color:#5c6675;border-radius:7px;padding:7px 8px;font:inherit;font-size:11px;cursor:pointer}.row-action:hover{background:#edf3ff;border-color:#dce7ff;color:#245fc6}.row-action.danger:hover{background:#fff0f0;border-color:#ffd8d8;color:#c53535}.drive-empty{text-align:center;padding:62px 20px;color:var(--drive-muted)}.drive-empty strong{display:block;color:#3b4350;margin:12px 0 5px}.drive-empty p{font-size:13px;margin:0}.drive-empty .empty-icon{font-size:30px;color:#a8b4c6}.drive-footnote{font-size:11px;color:#8a93a0;padding:0 20px 17px}.drive-footer{display:flex;justify-content:space-between;padding:20px 4px;color:#9098a4;font-size:11px}.notice{margin:0 0 16px}.grid-view tbody{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;padding:14px}.grid-view thead{display:none}.grid-view tbody tr{border:1px solid var(--drive-line);border-radius:13px;overflow:hidden}.grid-view tbody td{display:block;border:0;padding:10px 12px}.grid-view tbody td:nth-child(2),.grid-view tbody td:nth-child(3),.grid-view tbody td:nth-child(4){display:none}.grid-view tbody td:last-child{border-top:1px solid #eff1f4}.grid-view .drive-file-cell{min-width:0}.grid-view .drive-file-name strong{max-width:150px}
@media(max-width:900px){.drive-app{grid-template-columns:190px minmax(0,1fr)}.drive-content{padding:22px 16px}.drive-topbar{padding:0 16px}.drive-table th,.drive-table td{padding-left:10px;padding-right:10px}.drive-table th:nth-child(4),.drive-table td:nth-child(4){display:none}.drive-top-actions .secure-label{display:none}}
@media(max-width:640px){.drive-app{display:block}.drive-sidebar{position:sticky;top:0;height:auto;padding:10px 12px;display:flex;flex-direction:row;align-items:center;gap:5px;overflow-x:auto;border-right:0;border-bottom:1px solid var(--drive-line)}.drive-brand{padding:0 8px 0 0;font-size:0}.drive-logo{width:32px;height:32px}.drive-upload-trigger{height:36px;margin:0 3px;white-space:nowrap;padding:0 12px}.drive-nav-item{padding:9px 10px;white-space:nowrap;font-size:12px;gap:6px}.drive-nav-item span{font-size:15px;width:auto}.drive-storage,.drive-user{display:none}.drive-topbar{height:60px}.drive-search{width:100%;height:38px}.drive-heading{align-items:flex-start;flex-direction:column}.drive-heading h1{font-size:24px}.drive-toolbar{align-items:flex-start;flex-direction:column}.drive-bulk-actions{flex-wrap:wrap}.drive-table th:nth-child(3),.drive-table td:nth-child(3){display:none}.drive-table th:nth-child(4),.drive-table td:nth-child(4){display:none}.row-actions{flex-wrap:wrap;justify-content:flex-start}.drive-table td:last-child{min-width:140px}.drive-footer{padding:18px 3px}.drive-footer span{display:none}}


/* Reference-matched FileNova file manager: light, spacious, grid-first */
:root{color-scheme:light;--fm-bg:#f5f5f5;--fm-panel:#fff;--fm-line:#e5e5e5;--fm-text:#252525;--fm-muted:#737373;--fm-blue:#8fb8fb;--fm-blue-dark:#2876df}
html,body{min-height:100%;background:var(--fm-bg)!important;color:var(--fm-text)!important;font-family:Arial,Helvetica,sans-serif!important;font-size:14px}
body{margin:0;background:#f4f4f4!important}a{color:inherit}.fm-app{min-height:100vh;background:#f5f5f5;color:#252525}.fm-sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:228px;background:#f4f4f4;border-right:1px solid #e7e7e7;padding:14px 12px 12px;display:flex;flex-direction:column}.fm-brand{height:43px;display:flex;align-items:center;gap:9px;margin:0 0 18px 3px;font-size:25px;font-weight:800;letter-spacing:-1px;color:#111}.fm-brand-mark{width:37px;height:37px;border:6px solid #2876d8;border-right-color:transparent;border-radius:50%;display:grid;place-items:center;color:transparent;font-size:0}.fm-upload-button{height:36px;width:100%;border:0;border-radius:24px;background:#8eb8fb;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;gap:7px;margin-bottom:22px}.fm-upload-button span{font-size:18px}.fm-nav{display:flex;flex-direction:column;gap:3px}.fm-nav-item{height:36px;padding:0 11px;display:flex;align-items:center;gap:11px;border-radius:20px;color:#4a4a4a;text-decoration:none;font-size:13px}.fm-nav-item:hover,.fm-nav-item.active{background:#e8e8e8;color:#222}.fm-nav-item.active{font-weight:600}.fm-nav-icon{width:15px;text-align:center;font-size:16px}.fm-storage{margin-top:28px;padding:0 11px;font-size:11px;color:#444}.fm-storage>div:first-child{display:flex;gap:6px;align-items:center}.fm-storage-track{height:4px;background:#e1e1e1;border-radius:6px;margin:8px 0;overflow:hidden}.fm-storage-track span{height:100%;display:block;background:#8eb8fb}.fm-profile{margin-top:auto;display:flex;align-items:center;gap:8px;padding:9px 5px 3px;min-width:0}.fm-profile-avatar,.fm-top-avatar{display:grid;place-items:center;flex-shrink:0;width:25px;height:25px;border-radius:50%;background:#0ba56d;color:#fff;font-weight:700;font-size:11px}.fm-profile-info{min-width:0;display:flex;flex-direction:column;flex:1}.fm-profile-info strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fm-profile-info small{color:#777;font-size:10px}.fm-profile form{margin:0}.fm-profile form button{border:0;background:transparent;font-size:18px}.fm-main{margin-left:228px;min-height:100vh;padding:0 14px 14px 0;max-width:none}.fm-topbar{height:61px;display:flex;align-items:center;gap:20px;padding:0 22px 0 0;background:#f5f5f5}.fm-search{height:46px;width:min(690px,65%);background:#fff;border:1px solid #e6e6e6;border-radius:26px;box-shadow:0 1px 2px #00000008;display:flex;align-items:center;padding:0 16px;gap:13px;color:#222}.fm-search>span{font-size:23px;line-height:1}.fm-search input{border:0;outline:0;min-width:0;flex:1;background:transparent;color:#222;font-size:14px}.fm-search input::placeholder{color:#777}.fm-search kbd{display:none}.fm-top-right{margin-left:auto;display:flex;align-items:center;gap:10px;white-space:nowrap}.fm-top-right>.fm-icon-action{font-size:20px;border:0;background:transparent}.fm-top-avatar{background:#b58e73;width:26px;height:26px}.fm-account-name{font-size:12px;font-weight:600}.fm-chevron{color:#666}.fm-workspace{background:#fff;border:1px solid #e6e6e6;border-radius:24px;min-height:calc(100vh - 66px);overflow:hidden;box-shadow:0 1px 2px #00000008}.fm-workspace-toolbar{height:53px;border-bottom:1px solid #e7e7e7;padding:0 23px;display:flex;align-items:center;justify-content:space-between}.fm-title-wrap{display:flex;align-items:center;gap:14px}.fm-title-wrap input{width:14px;height:14px;accent-color:#2876df}.fm-title-wrap h1{font-size:16px;font-weight:500;margin:0}.fm-title-chevron{font-size:18px;color:#555}.fm-view-controls{display:flex;align-items:center;gap:5px}.fm-view-button{width:39px;height:31px;border:0;border-radius:20px;background:transparent;color:#333;font-size:17px}.fm-view-button.active{background:#f0f0f0}.fm-view-controls>.fm-icon-action{margin-left:9px}.fm-content{padding:25px 23px 26px;position:relative}.fm-filter-row{height:42px;display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.fm-sort-button{border:1px solid #e3e3e3;border-radius:20px;background:#fff;box-shadow:0 1px 2px #0000000a;padding:8px 13px;color:#333;font-size:12px;font-weight:600}.fm-sort-button span{margin-left:5px;color:#777}.fm-filter-row>#selection-count{font-size:12px;color:#777;padding:10px 0;visibility:hidden}.fm-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:17px 16px;align-items:stretch}.fm-card{position:relative;min-width:0;height:205px;border:1px solid #e4e4e4;border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 1px 2px #0000000b;transition:box-shadow .15s,border-color .15s}.fm-card:hover{border-color:#c9d7eb;box-shadow:0 2px 8px #0000000c}.fm-card-check{position:absolute;z-index:3;left:10px;right:8px;top:8px;display:flex;justify-content:space-between;align-items:center;opacity:0;transition:opacity .15s}.fm-card:hover .fm-card-check,.fm-card:has(.file-select:checked) .fm-card-check{opacity:1}.fm-card-check input,.fm-list-name input{width:16px;height:16px;accent-color:#2876df;cursor:pointer}.fm-card-preview{height:155px;width:100%;display:flex;align-items:center;justify-content:center;text-decoration:none;overflow:hidden;background:#fff}.fm-card-preview img{display:block;width:100%;height:100%;object-fit:cover}.fm-filetype{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:#fff}.fm-filetype>span{font-size:47px;line-height:1;color:#ffae00;font-weight:400}.fm-filetype small{font-size:11px;color:#fff;background:#2f94ff;border:1px solid #2f94ff;padding:2px 7px;border-radius:2px}.fm-filetype.type-video>span,.fm-filetype.type-pdf>span{color:#ff514b}.fm-filetype.type-doc>span{color:#2695ff}.fm-filetype.type-audio>span{color:#f0a000}.fm-filetype.type-archive>span{color:#f5a000}.fm-card-caption{height:49px;padding:5px 9px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:0}.fm-card-type{display:none}.fm-card-caption strong{display:block;max-width:100%;font-size:12px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.fm-card-caption small{display:none;color:#777;font-size:10px;white-space:nowrap}.fm-card-actions{position:absolute;bottom:4px;right:5px;left:5px;display:flex;justify-content:flex-end;gap:3px;opacity:0;pointer-events:none}.fm-card:hover .fm-card-actions{opacity:1;pointer-events:auto}.fm-icon-action{border:0;background:transparent;color:#555;border-radius:7px;padding:5px 7px;font-size:14px;cursor:pointer}.fm-icon-action:hover{background:#f1f1f1}.fm-copy-button{border:0;background:transparent;color:#555;border-radius:6px;padding:5px 7px;font-size:11px;cursor:pointer}.fm-copy-button:hover{background:#edf4ff;color:#216fd0}.fm-row-actions{display:flex;gap:4px;align-items:center;white-space:nowrap}.fm-list-name{display:flex;align-items:center;gap:10px;min-width:0}.fm-mini-icon{width:25px;height:28px;display:grid;place-items:center;border-radius:4px;background:#f5f7fa;color:#2488ed;font-weight:700;flex-shrink:0}.fm-list-name a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fm-table-wrap{display:none;overflow:auto}.fm-table{width:100%;border-collapse:collapse;font-size:13px}.fm-table th{text-align:left;color:#777;font-size:10px;font-weight:600;letter-spacing:.4px;padding:12px;border-bottom:1px solid #e8e8e8}.fm-table td{padding:12px;border-bottom:1px solid #f0f0f0}.fm-table tr:hover td{background:#fafafa}.fm-table .fm-copy-button{background:#f5f7fa}.is-hidden{display:none!important}.fm-empty{grid-column:1/-1;text-align:center;padding:80px 20px;color:#777}.fm-empty>div{font-size:35px;color:#a6b5c8;margin-bottom:10px}.fm-empty strong{display:block;color:#333;font-size:15px}.fm-empty p{font-size:12px}.fm-empty-card{border:1px dashed #ddd;border-radius:18px}.fm-bulkbar{position:fixed;z-index:30;left:50%;bottom:24px;transform:translate(-50%,150%);opacity:0;display:flex;align-items:center;gap:9px;background:#222;color:#fff;padding:10px 15px;border-radius:13px;box-shadow:0 8px 28px #0003;transition:transform .18s,opacity .18s}.fm-bulkbar.visible{transform:translate(-50%,0);opacity:1}.fm-bulkbar button{border:0;background:#414141;color:#fff;border-radius:8px;padding:8px 10px;font-size:12px}.fm-bulkbar button:hover{background:#555}.fm-bulkbar button.danger{background:#8d3030}.fm-upload-queue{position:relative;z-index:2}.fm-queue-item{background:#f6f9ff;border:1px solid #dce8fb;border-radius:10px;padding:10px 12px;margin:0 0 10px;display:grid;grid-template-columns:1fr auto;gap:5px}.fm-queue-item strong{font-size:12px;overflow:hidden;text-overflow:ellipsis}.fm-queue-item small{font-size:11px;color:#666}.fm-queue-progress{grid-column:1/-1;height:4px;background:#e0e7f1;border-radius:5px;overflow:hidden}.fm-queue-progress span{height:100%;display:block;width:0;background:#4285f4;transition:width .1s}.fm-queue-item.error{background:#fff5f5}.fm-drop-target{display:none}.fm-footer{display:none}.fm-nav-item:focus-visible,.fm-upload-button:focus-visible,.fm-view-button:focus-visible{outline:2px solid #2876df;outline-offset:2px}.fm-dragging .fm-workspace:after{content:'Drop files to upload';position:fixed;z-index:99;inset:15px 15px 15px 240px;border:3px dashed #4285f4;border-radius:24px;background:#ffffffdf;display:grid;place-items:center;font-size:25px;font-weight:700;color:#2876df;pointer-events:none}.notice{background:#eff6ff!important;color:#245ca8!important;border:1px solid #d7e8ff!important;border-radius:10px!important;padding:12px!important;margin-bottom:12px!important}.drive-app,.app-shell{background:#f5f5f5!important;color:#222!important}.auth-wrap{background:#f5f5f5!important}.fm-trash-actions{display:flex;gap:6px;padding:4px 8px}.fm-text-action{border:1px solid #e4e4e4;background:#fff;border-radius:6px;padding:5px 7px;font-size:11px}.fm-text-action.danger{color:#c22}.fm-card[hidden],#file-rows tr[hidden]{display:none!important}
@media(max-width:1600px){.fm-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1250px){.fm-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.fm-sidebar{width:205px}.fm-main{margin-left:205px}.fm-dragging .fm-workspace:after{left:215px}}
@media(max-width:980px){.fm-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.fm-content{padding:20px 16px}.fm-workspace-toolbar{padding:0 16px}.fm-account-name{display:none}}
@media(max-width:720px){.fm-sidebar{width:66px;padding:12px 7px}.fm-brand{margin:0 auto 20px}.fm-brand>span:last-child,.fm-upload-button:not(span),.fm-upload-button{font-size:0}.fm-upload-button span{font-size:21px}.fm-nav-item{justify-content:center;padding:0;font-size:0}.fm-nav-icon{font-size:19px}.fm-storage{display:none}.fm-profile{justify-content:center;padding:8px 0}.fm-profile-info,.fm-profile form{display:none}.fm-main{margin-left:66px;padding-right:6px}.fm-topbar{padding-right:7px}.fm-search{width:100%;height:40px}.fm-top-right{gap:4px}.fm-top-right>.fm-icon-action,.fm-account-name,.fm-chevron{display:none}.fm-workspace{border-radius:17px}.fm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fm-card{height:190px;border-radius:15px}.fm-card-preview{height:140px}.fm-content{padding:16px 10px}.fm-workspace-toolbar{padding:0 10px}.fm-view-controls>.fm-icon-action{display:none}.fm-bulkbar{width:calc(100% - 24px);justify-content:center;flex-wrap:wrap;bottom:12px}.fm-bulkbar button{padding:7px}.fm-table{min-width:680px}.fm-dragging .fm-workspace:after{left:75px}}


/* Reference-matched FileNova file manager: light, spacious, grid-first */
:root{color-scheme:light;--fm-bg:#f5f5f5;--fm-panel:#fff;--fm-line:#e5e5e5;--fm-text:#252525;--fm-muted:#737373;--fm-blue:#8fb8fb;--fm-blue-dark:#2876df}
html,body{min-height:100%;background:var(--fm-bg)!important;color:var(--fm-text)!important;font-family:Arial,Helvetica,sans-serif!important;font-size:14px}
body{margin:0;background:#f4f4f4!important}a{color:inherit}.fm-app{min-height:100vh;background:#f5f5f5;color:#252525}.fm-sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:228px;background:#f4f4f4;border-right:1px solid #e7e7e7;padding:14px 12px 12px;display:flex;flex-direction:column}.fm-brand{height:43px;display:flex;align-items:center;gap:9px;margin:0 0 18px 3px;font-size:25px;font-weight:800;letter-spacing:-1px;color:#111}.fm-brand-mark{width:37px;height:37px;border:6px solid #2876d8;border-right-color:transparent;border-radius:50%;display:grid;place-items:center;color:transparent;font-size:0}.fm-upload-button{height:36px;width:100%;border:0;border-radius:24px;background:#8eb8fb;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;gap:7px;margin-bottom:22px}.fm-upload-button span{font-size:18px}.fm-nav{display:flex;flex-direction:column;gap:3px}.fm-nav-item{height:36px;padding:0 11px;display:flex;align-items:center;gap:11px;border-radius:20px;color:#4a4a4a;text-decoration:none;font-size:13px}.fm-nav-item:hover,.fm-nav-item.active{background:#e8e8e8;color:#222}.fm-nav-item.active{font-weight:600}.fm-nav-icon{width:15px;text-align:center;font-size:16px}.fm-storage{margin-top:28px;padding:0 11px;font-size:11px;color:#444}.fm-storage>div:first-child{display:flex;gap:6px;align-items:center}.fm-storage-track{height:4px;background:#e1e1e1;border-radius:6px;margin:8px 0;overflow:hidden}.fm-storage-track span{height:100%;display:block;background:#8eb8fb}.fm-profile{margin-top:auto;display:flex;align-items:center;gap:8px;padding:9px 5px 3px;min-width:0}.fm-profile-avatar,.fm-top-avatar{display:grid;place-items:center;flex-shrink:0;width:25px;height:25px;border-radius:50%;background:#0ba56d;color:#fff;font-weight:700;font-size:11px}.fm-profile-info{min-width:0;display:flex;flex-direction:column;flex:1}.fm-profile-info strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fm-profile-info small{color:#777;font-size:10px}.fm-profile form{margin:0}.fm-profile form button{border:0;background:transparent;font-size:18px}.fm-main{margin-left:228px;min-height:100vh;padding:0 14px 14px 0;max-width:none}.fm-topbar{height:61px;display:flex;align-items:center;gap:20px;padding:0 22px 0 0;background:#f5f5f5}.fm-search{height:46px;width:min(690px,65%);background:#fff;border:1px solid #e6e6e6;border-radius:26px;box-shadow:0 1px 2px #00000008;display:flex;align-items:center;padding:0 16px;gap:13px;color:#222}.fm-search>span{font-size:23px;line-height:1}.fm-search input{border:0;outline:0;min-width:0;flex:1;background:transparent;color:#222;font-size:14px}.fm-search input::placeholder{color:#777}.fm-search kbd{display:none}.fm-top-right{margin-left:auto;display:flex;align-items:center;gap:10px;white-space:nowrap}.fm-top-right>.fm-icon-action{font-size:20px;border:0;background:transparent}.fm-top-avatar{background:#b58e73;width:26px;height:26px}.fm-account-name{font-size:12px;font-weight:600}.fm-chevron{color:#666}.fm-workspace{background:#fff;border:1px solid #e6e6e6;border-radius:24px;min-height:calc(100vh - 66px);overflow:hidden;box-shadow:0 1px 2px #00000008}.fm-workspace-toolbar{height:53px;border-bottom:1px solid #e7e7e7;padding:0 23px;display:flex;align-items:center;justify-content:space-between}.fm-title-wrap{display:flex;align-items:center;gap:14px}.fm-title-wrap input{width:14px;height:14px;accent-color:#2876df}.fm-title-wrap h1{font-size:16px;font-weight:500;margin:0}.fm-title-chevron{font-size:18px;color:#555}.fm-view-controls{display:flex;align-items:center;gap:5px}.fm-view-button{width:39px;height:31px;border:0;border-radius:20px;background:transparent;color:#333;font-size:17px}.fm-view-button.active{background:#f0f0f0}.fm-view-controls>.fm-icon-action{margin-left:9px}.fm-content{padding:25px 23px 26px;position:relative}.fm-filter-row{height:42px;display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.fm-sort-button{border:1px solid #e3e3e3;border-radius:20px;background:#fff;box-shadow:0 1px 2px #0000000a;padding:8px 13px;color:#333;font-size:12px;font-weight:600}.fm-sort-button span{margin-left:5px;color:#777}.fm-filter-row>#selection-count{font-size:12px;color:#777;padding:10px 0;visibility:hidden}.fm-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:17px 16px;align-items:stretch}.fm-card{position:relative;min-width:0;height:205px;border:1px solid #e4e4e4;border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 1px 2px #0000000b;transition:box-shadow .15s,border-color .15s}.fm-card:hover{border-color:#c9d7eb;box-shadow:0 2px 8px #0000000c}.fm-card-check{position:absolute;z-index:3;left:10px;right:8px;top:8px;display:flex;justify-content:space-between;align-items:center;opacity:0;transition:opacity .15s}.fm-card:hover .fm-card-check,.fm-card:has(.file-select:checked) .fm-card-check{opacity:1}.fm-card-check input,.fm-list-name input{width:16px;height:16px;accent-color:#2876df;cursor:pointer}.fm-card-preview{height:155px;width:100%;display:flex;align-items:center;justify-content:center;text-decoration:none;overflow:hidden;background:#fff}.fm-card-preview img{display:block;width:100%;height:100%;object-fit:cover}.fm-filetype{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:#fff}.fm-filetype>span{font-size:47px;line-height:1;color:#ffae00;font-weight:400}.fm-filetype small{font-size:11px;color:#fff;background:#2f94ff;border:1px solid #2f94ff;padding:2px 7px;border-radius:2px}.fm-filetype.type-video>span,.fm-filetype.type-pdf>span{color:#ff514b}.fm-filetype.type-doc>span{color:#2695ff}.fm-filetype.type-audio>span{color:#f0a000}.fm-filetype.type-archive>span{color:#f5a000}.fm-card-caption{height:49px;padding:5px 9px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:0}.fm-card-type{display:none}.fm-card-caption strong{display:block;max-width:100%;font-size:12px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.fm-card-caption small{display:none;color:#777;font-size:10px;white-space:nowrap}.fm-card-actions{position:absolute;bottom:4px;right:5px;left:5px;display:flex;justify-content:flex-end;gap:3px;opacity:0;pointer-events:none}.fm-card:hover .fm-card-actions{opacity:1;pointer-events:auto}.fm-icon-action{border:0;background:transparent;color:#555;border-radius:7px;padding:5px 7px;font-size:14px;cursor:pointer}.fm-icon-action:hover{background:#f1f1f1}.fm-copy-button{border:0;background:transparent;color:#555;border-radius:6px;padding:5px 7px;font-size:11px;cursor:pointer}.fm-copy-button:hover{background:#edf4ff;color:#216fd0}.fm-row-actions{display:flex;gap:4px;align-items:center;white-space:nowrap}.fm-list-name{display:flex;align-items:center;gap:10px;min-width:0}.fm-mini-icon{width:25px;height:28px;display:grid;place-items:center;border-radius:4px;background:#f5f7fa;color:#2488ed;font-weight:700;flex-shrink:0}.fm-list-name a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fm-table-wrap{display:none;overflow:auto}.fm-table{width:100%;border-collapse:collapse;font-size:13px}.fm-table th{text-align:left;color:#777;font-size:10px;font-weight:600;letter-spacing:.4px;padding:12px;border-bottom:1px solid #e8e8e8}.fm-table td{padding:12px;border-bottom:1px solid #f0f0f0}.fm-table tr:hover td{background:#fafafa}.fm-table .fm-copy-button{background:#f5f7fa}.is-hidden{display:none!important}.fm-empty{grid-column:1/-1;text-align:center;padding:80px 20px;color:#777}.fm-empty>div{font-size:35px;color:#a6b5c8;margin-bottom:10px}.fm-empty strong{display:block;color:#333;font-size:15px}.fm-empty p{font-size:12px}.fm-empty-card{border:1px dashed #ddd;border-radius:18px}.fm-bulkbar{position:fixed;z-index:30;left:50%;bottom:24px;transform:translate(-50%,150%);opacity:0;display:flex;align-items:center;gap:9px;background:#222;color:#fff;padding:10px 15px;border-radius:13px;box-shadow:0 8px 28px #0003;transition:transform .18s,opacity .18s}.fm-bulkbar.visible{transform:translate(-50%,0);opacity:1}.fm-bulkbar button{border:0;background:#414141;color:#fff;border-radius:8px;padding:8px 10px;font-size:12px}.fm-bulkbar button:hover{background:#555}.fm-bulkbar button.danger{background:#8d3030}.fm-upload-queue{position:relative;z-index:2}.fm-queue-item{background:#f6f9ff;border:1px solid #dce8fb;border-radius:10px;padding:10px 12px;margin:0 0 10px;display:grid;grid-template-columns:1fr auto;gap:5px}.fm-queue-item strong{font-size:12px;overflow:hidden;text-overflow:ellipsis}.fm-queue-item small{font-size:11px;color:#666}.fm-queue-progress{grid-column:1/-1;height:4px;background:#e0e7f1;border-radius:5px;overflow:hidden}.fm-queue-progress span{height:100%;display:block;width:0;background:#4285f4;transition:width .1s}.fm-queue-item.error{background:#fff5f5}.fm-drop-target{display:none}.fm-footer{display:none}.fm-nav-item:focus-visible,.fm-upload-button:focus-visible,.fm-view-button:focus-visible{outline:2px solid #2876df;outline-offset:2px}.fm-dragging .fm-workspace:after{content:'Drop files to upload';position:fixed;z-index:99;inset:15px 15px 15px 240px;border:3px dashed #4285f4;border-radius:24px;background:#ffffffdf;display:grid;place-items:center;font-size:25px;font-weight:700;color:#2876df;pointer-events:none}.notice{background:#eff6ff!important;color:#245ca8!important;border:1px solid #d7e8ff!important;border-radius:10px!important;padding:12px!important;margin-bottom:12px!important}.drive-app,.app-shell{background:#f5f5f5!important;color:#222!important}.auth-wrap{background:#f5f5f5!important}.fm-trash-actions{display:flex;gap:6px;padding:4px 8px}.fm-text-action{border:1px solid #e4e4e4;background:#fff;border-radius:6px;padding:5px 7px;font-size:11px}.fm-text-action.danger{color:#c22}.fm-card[hidden],#file-rows tr[hidden]{display:none!important}
@media(max-width:1600px){.fm-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1250px){.fm-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.fm-sidebar{width:205px}.fm-main{margin-left:205px}.fm-dragging .fm-workspace:after{left:215px}}
@media(max-width:980px){.fm-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.fm-content{padding:20px 16px}.fm-workspace-toolbar{padding:0 16px}.fm-account-name{display:none}}
@media(max-width:720px){.fm-sidebar{width:66px;padding:12px 7px}.fm-brand{margin:0 auto 20px}.fm-brand>span:last-child,.fm-upload-button:not(span),.fm-upload-button{font-size:0}.fm-upload-button span{font-size:21px}.fm-nav-item{justify-content:center;padding:0;font-size:0}.fm-nav-icon{font-size:19px}.fm-storage{display:none}.fm-profile{justify-content:center;padding:8px 0}.fm-profile-info,.fm-profile form{display:none}.fm-main{margin-left:66px;padding-right:6px}.fm-topbar{padding-right:7px}.fm-search{width:100%;height:40px}.fm-top-right{gap:4px}.fm-top-right>.fm-icon-action,.fm-account-name,.fm-chevron{display:none}.fm-workspace{border-radius:17px}.fm-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fm-card{height:190px;border-radius:15px}.fm-card-preview{height:140px}.fm-content{padding:16px 10px}.fm-workspace-toolbar{padding:0 10px}.fm-view-controls>.fm-icon-action{display:none}.fm-bulkbar{width:calc(100% - 24px);justify-content:center;flex-wrap:wrap;bottom:12px}.fm-bulkbar button{padding:7px}.fm-table{min-width:680px}.fm-dragging .fm-workspace:after{left:75px}}

/* FileNova Drive reference polish (2026-10) */
:root{color-scheme:light;--drive-bg:#f5f5f5;--drive-panel:#fff;--drive-line:#e5e5e5;--drive-text:#202124;--drive-muted:#6b7280;--drive-blue:#8ab4f8}
html,body{min-height:100%;background:var(--drive-bg)!important;color:var(--drive-text)!important;font-family:Arial,Roboto,system-ui,sans-serif!important}
.fm-app{min-height:100vh;background:var(--drive-bg)!important;color:var(--drive-text)!important}
.fm-sidebar{width:230px!important;padding:14px 12px 12px!important;background:#f5f5f5!important;border-right:0!important;color:#202124!important}
.fm-brand{height:43px;margin:0 0 18px 4px!important;gap:9px!important;font-family:Arial,sans-serif!important;font-size:22px!important;letter-spacing:-.7px!important;color:#111!important}
.fm-brand-mark{width:36px!important;height:36px!important;border-radius:50%!important;background:#1976d2!important;color:#fff!important;font-size:21px!important;box-shadow:none!important}
.fm-upload-button{height:36px!important;width:100%!important;justify-content:center!important;border-radius:22px!important;background:#8ab4f8!important;color:#fff!important;border:0!important;font-size:13px!important;font-weight:600!important;box-shadow:none!important;margin-bottom:18px!important}
.fm-nav{gap:2px!important}.fm-nav-item{min-height:35px!important;padding:0 12px!important;border-radius:22px!important;color:#3c4043!important;font-size:12px!important;font-weight:400!important;margin:0!important;gap:10px!important}.fm-nav-item.active,.fm-nav-item:hover{background:#e8eaed!important;color:#202124!important;box-shadow:none!important}.fm-nav-icon{width:17px!important;font-size:17px!important;color:#5f6368!important}
.fm-storage{margin:14px 10px 0!important;color:#5f6368!important;font-size:11px!important}.fm-storage-track{height:4px!important;background:#dadce0!important;border-radius:5px!important}.fm-storage-track span{background:#4285f4!important}.fm-profile{padding:10px 8px 4px!important}.fm-profile-avatar,.fm-top-avatar{background:#0f9d58!important;color:#fff!important;border-radius:50%!important}
.fm-main{margin-left:230px!important;padding:0 14px 14px 0!important;max-width:none!important}.fm-topbar{height:61px!important;background:#f5f5f5!important;padding:0 16px 0 0!important;gap:18px!important}.fm-search{height:46px!important;width:min(690px,65%)!important;border:1px solid #e6e6e6!important;border-radius:25px!important;box-shadow:0 1px 2px #0000000b!important;padding:0 17px!important}.fm-search input{font-size:14px!important}.fm-top-right{gap:10px!important}.fm-workspace{border:1px solid #e6e6e6!important;border-radius:24px!important;min-height:calc(100vh - 66px)!important;box-shadow:0 1px 2px #00000008!important;background:#fff!important}.fm-workspace-toolbar{height:53px!important;padding:0 23px!important;background:#fff!important}.fm-title-wrap h1{font-size:16px!important;font-weight:500!important;color:#202124!important}.fm-content{padding:25px 23px 26px!important}.fm-sort-button{padding:8px 13px!important;border:1px solid #e5e5e5!important;border-radius:20px!important;background:#fff!important;color:#3c4043!important;font-size:12px!important;box-shadow:0 1px 2px #0000000a!important}
.fm-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:17px 16px!important}.fm-card{height:205px!important;border:1px solid #e5e5e5!important;border-radius:22px!important;background:#fff!important;box-shadow:0 1px 2px #0000000c!important}.fm-card:hover{border-color:#c6dafc!important;box-shadow:0 2px 8px #00000010!important}.fm-card-preview{height:155px!important;background:#fff!important}.fm-card-preview img{width:100%!important;height:100%!important;object-fit:cover!important}.fm-filetype{background:#fff!important}.fm-filetype>span{font-size:48px!important;font-weight:400!important}.fm-filetype small{font-size:11px!important;background:transparent!important;border:1px solid currentColor!important;color:inherit!important;padding:2px 6px!important}.fm-filetype.type-video>span,.fm-filetype.type-pdf>span{color:#f44336!important}.fm-filetype.type-doc>span{color:#1688ef!important}.fm-filetype.type-audio>span,.fm-filetype.type-archive>span{color:#f9ab00!important}.fm-card-caption{height:49px!important;padding:5px 9px 4px!important}.fm-card-caption strong{font-size:12px!important;color:#3c4043!important;font-weight:400!important}.fm-card-caption small{display:none!important}.fm-card-check{opacity:0}.fm-card:hover .fm-card-check,.fm-card:has(.file-select:checked) .fm-card-check{opacity:1}.fm-copy-button{background:#f1f3f4!important;color:#3c4043!important;border-radius:6px!important}.fm-copy-button:hover{background:#e8f0fe!important;color:#1967d2!important}.fm-icon-action{color:#5f6368!important}.fm-icon-action:hover{background:#f1f3f4!important}.fm-table-wrap{border-color:#e8eaed!important;border-radius:10px!important}.fm-table th{background:#fff!important;color:#5f6368!important;border-bottom:1px solid #e8eaed!important}.fm-table td{color:#3c4043!important;border-color:#f1f3f4!important}.fm-table tr:hover td{background:#f8fafd!important}.fm-list-name a{color:#202124!important}.fm-mini-icon{background:#f1f3f4!important}.fm-bulkbar{background:#202124!important;border-radius:12px!important;box-shadow:0 4px 18px #0003!important}.fm-bulkbar button{background:#3c4043!important}.fm-empty{color:#5f6368!important}.fm-empty strong{color:#202124!important}.fm-empty-card{border-color:#dadce0!important}
@media(max-width:1600px){.fm-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}}@media(max-width:1250px){.fm-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}.fm-sidebar{width:205px!important}.fm-main{margin-left:205px!important}}@media(max-width:980px){.fm-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.fm-content{padding:20px 16px!important}}@media(max-width:720px){.fm-sidebar{width:66px!important}.fm-main{margin-left:66px!important}.fm-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.fm-content{padding:16px 10px!important}.fm-card{height:190px!important}.fm-card-preview{height:140px!important}}