@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;600;700;800&display=swap');
:root{--bg:#090a0d;--panel:#111319;--panel2:#191c28;--text:#f5f5f7;--muted:#9296a8;--line:rgba(255,255,255,.1);--violet:#8e7dff;--cyan:#55e4d2;--coral:#ff8d76;--sans:'Manrope',sans-serif;--mono:'DM Mono',monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:radial-gradient(circle at 82% 6%,rgba(142,125,255,.14),transparent 31%),var(--bg);color:var(--text);font-family:var(--sans);margin:0;min-height:100vh}
body:before{background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:46px 46px;content:'';inset:0;mask-image:linear-gradient(black,transparent 85%);pointer-events:none;position:fixed}
button,input{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
[hidden]{display:none!important}
.shell{margin:auto;max-width:1240px;padding:0 5vw;position:relative;z-index:1}
.topbar{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:22px 0}
.brand{align-items:center;color:var(--text);display:flex;font-size:15px;font-weight:800;gap:9px;text-decoration:none}
.site-logo{display:block;flex:none;height:32px;object-fit:contain;width:32px}
.brand>span i{color:var(--muted);font-style:normal;font-weight:600}
.brand>span{align-items:center;display:flex;gap:4px}
.header-actions{align-items:center;display:flex;gap:10px}
.button{align-items:center;border:0;border-radius:6px;cursor:pointer;display:inline-flex;font:10px var(--mono);gap:15px;justify-content:center;padding:12px 15px;text-decoration:none;text-transform:uppercase;transition:background .18s,border-color .18s,color .18s,transform .18s}
.button.primary{background:var(--violet);color:white}
.button.primary:hover{background:var(--cyan);color:var(--bg);transform:translateY(-1px)}
.button.outline{background:transparent;border:1px solid var(--line);color:var(--text)}
.button.outline:hover{border-color:var(--violet);color:var(--cyan)}
.button.large{font-size:11px;margin-top:8px;padding:16px 19px}
.text-link{border-bottom:1px solid rgba(142,125,255,.5);color:var(--text);display:inline-block;font:9px var(--mono);padding-bottom:4px;text-decoration:none;text-transform:uppercase}
.text-link:hover{border-color:var(--cyan);color:var(--cyan)}
.welcome{align-items:center;display:grid;gap:8%;grid-template-columns:46% 46%;min-height:615px;padding:70px 0 85px}
.kicker,.page-footer,.preview-top,.preview-heading>span,.preview-stats,.preview-foot,.storage-label>span,.storage-card small,.sidebar>.kicker,.share-box>.kicker,.share-box>a,.sidebar-foot,.breadcrumbs,.file-head,.file-row .modified,.file-row .file-size,.manager-footer,.profile-setup label,.profile-setup form>small,.public-badge{color:var(--muted);font:9px var(--mono);text-transform:uppercase}
.kicker{letter-spacing:.06em}
.pulse,.online-dot{background:var(--cyan);border-radius:50%;display:inline-block;height:7px;margin-right:7px;vertical-align:1px;width:7px}
.welcome h1,.dashboard-title h1,.public-page h1{font-size:clamp(49px,6.1vw,78px);letter-spacing:-.1em;line-height:.96;margin:23px 0}
.welcome h1 em,.dashboard-title h1 em,.public-page h1 em{color:var(--violet);font-style:normal}
.welcome-copy>p,.dashboard-title p,.public-page>p{color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 23px;max-width:445px}
.welcome-notes{display:flex;flex-wrap:wrap;gap:10px 19px;margin-top:29px}
.welcome-notes span{color:#a9adbc;font:9px var(--mono);text-transform:uppercase}
.welcome-notes span:before{color:var(--cyan);content:'+';margin-right:6px}
.preview{background:linear-gradient(145deg,#171927,#0e1016);border:1px solid #292d43;border-radius:11px;box-shadow:0 30px 80px rgba(70,55,220,.13);overflow:hidden;transform:rotate(1deg)}
.preview-top{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:17px 19px}
.window-dot{background:#ff8d76;border-radius:50%;display:inline-block;height:6px;margin-right:5px;width:6px}
.window-dot:nth-child(2){background:#e3c56e}.window-dot:nth-child(3){background:var(--cyan)}
.preview-heading{align-items:center;display:flex;justify-content:space-between;padding:27px 26px 12px}
.preview-heading>b{font:500 22px var(--mono)}.preview-heading small{color:var(--cyan);font-size:11px}
.meter{background:#292c38;border-radius:8px;height:5px;margin:0 26px;overflow:hidden}
.meter i{background:linear-gradient(90deg,var(--violet),var(--cyan));border-radius:8px;display:block;height:100%;transition:width .2s;width:1%}
.preview-stats{display:flex;justify-content:space-between;padding:9px 26px 18px;text-transform:none}
.preview-files{border-top:1px solid var(--line);padding:7px 17px}
.preview-files>div{align-items:center;border-bottom:1px solid rgba(255,255,255,.055);display:flex;gap:12px;padding:13px 5px}
.preview-files>div:last-child{border:0}
.file-icon{align-items:center;background:rgba(142,125,255,.13);border-radius:6px;display:flex;font-size:15px;height:33px;justify-content:center;width:33px}
.file-icon.cyan{background:rgba(85,228,210,.11);color:var(--cyan)}.file-icon.coral{background:rgba(255,141,118,.12);color:var(--coral)}
.preview-files>div>span:nth-child(2){display:grid;gap:3px}.preview-files b{font-size:10px}.preview-files small{color:var(--muted);font:8px var(--mono)}
.lock,.share{color:var(--violet);font:8px var(--mono);margin-left:auto}.share{color:var(--cyan)}.arrow{color:var(--muted);margin-left:auto}
.preview-foot{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:14px 21px}
.page-footer{align-items:center;border-top:1px solid var(--line);display:flex;gap:20px;justify-content:space-between;padding:27px 0}
.page-footer a{color:var(--cyan);text-decoration:none}
.dashboard-title{align-items:end;display:flex;gap:30px;justify-content:space-between;padding:58px 0 34px}
.dashboard-title h1{font-size:clamp(40px,5vw,59px);margin:17px 0 9px}
.dashboard-title p{font-size:13px;margin:0}
.storage-card{background:rgba(17,19,25,.8);border:1px solid var(--line);border-radius:8px;max-width:335px;padding:17px 18px;width:100%}
.storage-label{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:13px}
.storage-label>b{font:10px var(--mono)}
.storage-card .meter{margin:0}.storage-card small{display:block;font-size:8px;line-height:1.6;margin-top:9px;text-transform:none}
.profile-setup{align-items:center;background:linear-gradient(110deg,rgba(142,125,255,.11),rgba(85,228,210,.045));border:1px solid rgba(142,125,255,.24);border-radius:9px;display:grid;gap:35px;grid-template-columns:1fr 1fr;margin:0 0 28px;padding:25px}
.profile-setup h2{font-size:26px;letter-spacing:-.07em;margin:13px 0 7px}
.profile-setup p{color:var(--muted);font-size:12px;line-height:1.7;margin:0;max-width:430px}
.profile-setup form{display:grid;gap:9px}
.handle-input{align-items:center;background:#0c0e13;border:1px solid var(--line);border-radius:5px;display:flex;min-width:0;padding-left:10px}
.handle-input>span{color:var(--muted);font:9px var(--mono);white-space:nowrap}
.handle-input input{background:none;border:0;color:var(--text);min-width:0;outline:none;padding:11px 4px;width:100%}
.profile-setup form>small{font-size:8px;text-transform:none}
.profile-setup form .button{justify-self:start;margin-top:7px}
.message{color:var(--coral);font:10px var(--mono)}
.file-manager{background:rgba(17,19,25,.75);border:1px solid var(--line);border-radius:9px;display:grid;grid-template-columns:255px minmax(0,1fr);margin:0 0 42px;min-height:510px;overflow:hidden}
.sidebar{border-right:1px solid var(--line);display:flex;flex-direction:column;padding:24px 14px 14px}
.sidebar>.kicker{padding:0 9px 16px}
.space-choice{align-items:center;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--text);cursor:pointer;display:flex;gap:10px;margin-bottom:5px;padding:11px 9px;text-align:left}
.space-choice:hover,.space-choice.active{background:var(--panel2);border-color:var(--line)}
.space-choice.active .nav-icon{color:var(--violet)}.space-choice[data-visibility="public"].active .nav-icon{color:var(--cyan)}
.nav-icon{color:#777c8d;font-size:17px;width:17px}.space-choice>span:nth-child(2){display:grid;gap:5px}.space-choice b{font-size:10px}.space-choice small{color:var(--muted);font-size:9px}
.chevron{color:var(--muted);font-size:21px;margin-left:auto}
.share-box{background:rgba(85,228,210,.04);border:1px solid rgba(85,228,210,.14);border-radius:6px;margin-top:15px;padding:12px 10px}
.share-box>div{align-items:center;display:flex;margin-top:9px}
.share-box input{background:transparent;border:0;color:var(--text);font:9px var(--mono);min-width:0;outline:none;width:100%}
.share-box button{background:none;border:0;color:var(--cyan);cursor:pointer;font-size:17px}
.share-box>a{color:var(--cyan);display:inline-block;margin-top:10px;text-decoration:none}
.sidebar-foot{font-size:8px;line-height:1.6;margin:auto 6px 0;padding-top:24px}
.sidebar-foot .online-dot{height:6px;width:6px}
.browser{min-width:0;padding:19px 22px 0}
.browser-toolbar{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:22px;min-height:34px}
.toolbar-actions{display:flex;gap:8px}
.toolbar-actions .button{font-size:8px;padding:10px 11px}
.toolbar-actions .button span{font-size:14px;line-height:8px}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:5px;min-width:0}
.breadcrumbs button{background:none;border:0;color:#a5a9b8;cursor:pointer;font:9px var(--mono);padding:0;text-transform:uppercase}
.breadcrumbs button:hover,.breadcrumbs button.current{color:var(--cyan)}
.breadcrumbs span{color:#585c69}
.file-head,.file-row{align-items:center;display:grid;gap:10px;grid-template-columns:minmax(120px,1fr) 112px 82px 54px}
.file-head{border-bottom:1px solid var(--line);font-size:8px;padding:10px 11px}
.file-head span:not(:first-child){text-align:right}
.file-list{min-height:180px}
.file-row{border-bottom:1px solid rgba(255,255,255,.055);min-height:53px;padding:7px 11px}
.file-name{align-items:center;background:none;border:0;color:var(--text);cursor:pointer;display:flex;gap:10px;min-width:0;padding:0;text-align:left}
.file-name b{font-size:10px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.file-name:hover b{color:var(--cyan)}
.row-icon{align-items:center;background:rgba(142,125,255,.1);border-radius:5px;color:var(--violet);display:flex;flex:none;font-size:14px;height:29px;justify-content:center;width:29px}
.row-icon.file{background:rgba(85,228,210,.07);color:var(--cyan)}
.file-row .modified,.file-row .file-size{font-size:8px;text-align:right;text-transform:none}
.row-action-group{display:flex;gap:3px;justify-content:flex-end}
.row-actions{background:none;border:0;color:var(--muted);cursor:pointer;font-size:15px;height:26px;padding:3px;width:24px}.row-actions:hover{color:var(--coral)}.row-actions.move-action:hover{color:var(--cyan)}
.move-dialog{background:var(--panel);border:1px solid #34384a;border-radius:10px;color:var(--text);max-width:min(460px,calc(100vw - 32px));padding:0;width:100%}
.move-dialog::backdrop{backdrop-filter:blur(4px);background:rgba(0,0,0,.72)}
.move-dialog-panel{padding:24px}
.move-dialog-panel h2{font-size:21px;margin:10px 0 5px}
.move-dialog-panel>p{color:var(--muted);font-size:11px;margin:0 0 17px;overflow-wrap:anywhere}
.move-breadcrumbs{margin-bottom:12px}
.move-destinations{border:1px solid var(--line);border-radius:6px;max-height:250px;min-height:70px;overflow:auto;padding:5px}
.move-folder{background:transparent;border:0;border-radius:4px;color:var(--text);cursor:pointer;display:block;font-size:11px;padding:10px;text-align:left;width:100%}
.move-folder:hover:not(:disabled){background:var(--panel2);color:var(--cyan)}
.move-folder:disabled{color:#686b78;cursor:not-allowed}
.move-empty{color:var(--muted);font-size:10px;line-height:1.6;padding:8px}
.move-dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:17px}
.move-dialog-actions .button{font-size:9px;padding:11px 13px}
.empty-state{align-items:center;color:var(--muted);display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:210px;text-align:center}
.empty-state>span{color:#575b6b;font-size:25px}.empty-state b{color:#d8d9e0;font-size:12px}.empty-state small{font-size:10px}
.drop-zone{align-items:center;border:1px dashed rgba(142,125,255,.45);border-radius:7px;color:var(--muted);display:none;flex-direction:column;gap:7px;margin:0 0 16px;padding:20px}
.drop-zone.visible{display:flex}.drop-zone.dragging{background:rgba(142,125,255,.09);border-color:var(--cyan)}
.drop-zone b{color:var(--text);font-size:11px}.drop-zone>span:last-child{font-size:9px}.upload-symbol{color:var(--cyan);font-size:22px}
.upload-status{background:var(--panel2);border-radius:5px;margin:13px 0;padding:11px}
.status-track{background:#292c38;border-radius:5px;height:4px;overflow:hidden}.status-track i{background:var(--cyan);display:block;height:100%;transition:width .15s;width:0}
.upload-status>span{color:var(--muted);display:block;font:9px var(--mono);margin-top:7px}
.manager-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;margin-top:15px;padding:16px 0}
.manager-footer b{color:var(--violet);font-weight:400;margin-left:5px}
.public-badge{color:var(--cyan)}.public-page{padding:80px 0 60px}.public-page h1{font-size:clamp(42px,5vw,63px);margin:19px 0 12px}.public-page>p{font-size:13px}
.public-browser{background:rgba(17,19,25,.85);border:1px solid var(--line);border-radius:9px;margin-top:34px;padding:20px}
.public-browser>.breadcrumbs{margin:3px 0 20px}
.toast{background:var(--panel2);border:1px solid var(--line);border-radius:7px;bottom:24px;color:var(--text);font:10px var(--mono);left:50%;max-width:calc(100vw - 30px);opacity:0;padding:12px 17px;pointer-events:none;position:fixed;transform:translate(-50%,12px);transition:.2s;z-index:5}
.toast.visible{opacity:1;transform:translate(-50%,0)}.toast.error-toast{border-color:rgba(255,141,118,.5);color:var(--coral)}
.login-page{align-items:center;display:grid;gap:10%;grid-template-columns:1fr .75fr;min-height:calc(100vh - 170px);padding:55px 0}
.login-card{background:rgba(17,19,25,.94);border:1px solid var(--line);border-radius:11px;margin:0 auto;max-width:440px;padding:36px;width:100%}
.login-card h1,.setup-card h1{font-size:clamp(38px,4vw,49px);letter-spacing:-.09em;line-height:1;margin:17px 0 13px}
.login-card h1 em,.setup-card h1 em,.login-aside h2 em{color:var(--violet);font-style:normal}
.login-card>p,.setup-card>p,.login-aside>p{color:var(--muted);font-size:12px;line-height:1.8;margin:0}
.google-button{align-items:center;background:#fff;border:1px solid #fff;border-radius:6px;color:#252525;display:flex;font-size:12px;font-weight:700;gap:12px;justify-content:center;margin-top:25px;padding:14px 16px;text-decoration:none;transition:background .18s,transform .18s}
.google-button:hover{background:#eeedf4;transform:translateY(-1px)}
.google-icon{align-items:center;border:1px solid #e5e5e5;border-radius:50%;color:#4285f4;display:flex;font-size:14px;font-weight:800;height:23px;justify-content:center;width:23px}
.google-arrow{font:13px var(--mono);margin-left:auto}
.login-divider{align-items:center;display:flex;gap:11px;margin:23px 0 17px}
.login-divider span{background:var(--line);height:1px;flex:1}
.login-divider small,.login-assurances small,.setup-user small,.setup-preview>span{color:var(--muted);font:8px var(--mono);text-transform:uppercase}
.login-assurances{display:grid;gap:14px}
.login-assurances>div{align-items:center;display:flex;gap:11px}
.assurance-icon{align-items:center;background:rgba(142,125,255,.12);border-radius:5px;color:var(--violet);display:flex;font-size:14px;height:32px;justify-content:center;width:32px}
.assurance-icon.cyan-icon{background:rgba(85,228,210,.1);color:var(--cyan)}
.login-assurances>div>span:last-child,.setup-user>span:last-child{display:grid;gap:4px}
.login-assurances b{font-size:10px}.login-assurances small{font-size:8px;text-transform:none}
.login-terms{color:var(--muted);display:block;font-size:9px;line-height:1.7;margin-top:20px}
.login-error{background:rgba(255,141,118,.1);border:1px solid rgba(255,141,118,.32);border-radius:5px;color:var(--coral);font:10px var(--mono);line-height:1.6;margin-top:14px;padding:11px}
.login-aside{border-left:1px solid var(--line);padding:26px 0 26px 35px}
.login-aside h2{font-size:clamp(39px,5vw,59px);letter-spacing:-.1em;line-height:.99;margin:19px 0 13px}
.login-aside>p{max-width:315px}
.login-aside-footer{align-items:center;color:var(--muted);display:flex;font:8px var(--mono);gap:11px;margin-top:48px}
.login-aside-footer span:nth-child(2){color:var(--cyan);font-size:7px}
.setup-page{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 170px);padding:52px 0}
.setup-card{background:rgba(17,19,25,.94);border:1px solid var(--line);border-radius:11px;max-width:570px;padding:36px;width:100%}
.setup-card h1{font-size:clamp(43px,6vw,60px)}
.setup-user{align-items:center;border-bottom:1px solid var(--line);border-top:1px solid var(--line);display:flex;gap:11px;margin:24px 0;padding:14px 0}
.setup-avatar{align-items:center;background:var(--panel2);border:1px solid var(--line);border-radius:50%;color:var(--cyan);display:flex;font:11px var(--mono);height:37px;justify-content:center;width:37px}
.setup-user b{font-size:11px}
.setup-card form{display:grid;gap:10px}
.setup-card form>label{color:#c8cad4;font:9px var(--mono);text-transform:uppercase}
.setup-handle{align-items:center;background:#0c0e13;border:1px solid var(--line);border-radius:5px;display:flex;min-width:0;padding-left:12px}
.setup-handle:focus-within{border-color:var(--violet)}
.setup-handle>span{color:var(--muted);font:9px var(--mono);white-space:nowrap}
.setup-handle input{background:transparent;border:0;color:var(--text);font:12px var(--sans);min-width:0;outline:none;padding:13px 5px;width:100%}
.setup-hint,.setup-note{color:var(--muted);font-size:9px}
.setup-preview{background:rgba(85,228,210,.045);border:1px solid rgba(85,228,210,.14);border-radius:5px;display:grid;gap:7px;margin:7px 0;padding:12px}
.setup-preview>b{color:var(--cyan);font:10px var(--mono);overflow-wrap:anywhere}
.setup-submit{justify-self:start;margin-top:5px}
.setup-submit:disabled{cursor:wait;opacity:.55}
.setup-note{display:block;line-height:1.6;margin-top:17px}
@media(max-width:700px){.login-page{gap:26px;grid-template-columns:1fr;padding:38px 0}.login-card{padding:27px}.login-aside{border-left:0;border-top:1px solid var(--line);padding:22px 0}.login-aside h2{font-size:43px;margin:13px 0 9px}.login-aside-footer{margin-top:21px}.setup-card{padding:26px 21px}.login-page+.page-footer{gap:10px}}
.app-nav{align-items:center;display:flex;gap:20px}
.app-nav a{color:var(--muted);font:9px var(--mono);text-decoration:none;text-transform:uppercase}
.app-nav a:hover,.app-nav a.active{color:var(--cyan)}
.app-nav a.active{border-bottom:1px solid var(--cyan);padding-bottom:5px}
.home-actions{align-items:center;display:flex;flex-wrap:wrap;gap:20px}
.home-section{padding:90px 0}
.home-section .heading{margin-bottom:38px}
.home-cards{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}
.home-card,.overview-card,.recent-panel,.settings-card{background:rgba(17,19,25,.86);border:1px solid var(--line);border-radius:9px}
.home-card{display:flex;flex-direction:column;min-height:260px;padding:21px}
.home-card-icon,.quick-icon{align-items:center;background:rgba(142,125,255,.12);border-radius:7px;color:var(--violet);display:flex;font-size:16px;height:36px;justify-content:center;width:36px}
.home-card-icon.cyan,.quick-icon.cyan{background:rgba(85,228,210,.1);color:var(--cyan)}
.home-card-icon.coral,.quick-icon.coral{background:rgba(255,141,118,.1);color:var(--coral)}
.home-card>.kicker{margin-top:22px}
.home-card h3{font-size:20px;letter-spacing:-.06em;margin:8px 0}
.home-card p,.settings-copy{color:var(--muted);font-size:11px;line-height:1.75;margin:0 0 18px}
.home-card>a{border-top:1px solid var(--line);color:var(--cyan);font:9px var(--mono);margin-top:auto;padding-top:15px;text-decoration:none}
.home-card>a span{float:right}
.home-about{margin-top:20px}
.home-about.about{align-items:center;background:var(--panel);display:grid;gap:12%;grid-template-columns:25% 63%;margin:20px -5vw 0;padding:80px 10vw}
.home-about .round-mark{align-items:center;display:flex;justify-content:center}
.home-about .round-mark img{height:clamp(110px,15vw,165px);object-fit:contain;width:clamp(110px,15vw,165px)}
.home-about h2{font-size:clamp(38px,4.7vw,58px);letter-spacing:-.1em;line-height:.98;margin:18px 0}
.home-about h2 em{color:var(--violet);font-style:normal}
.home-about p{color:var(--muted);font-size:13px;line-height:1.75;max-width:530px}
.home-about .button{margin-top:10px}
.app-shell{max-width:1320px}
.app-nav{gap:17px}
.app-nav a{font-size:8px;white-space:nowrap}
.app-main{min-height:calc(100vh - 165px)}
.overview-grid{display:grid;gap:15px;grid-template-columns:repeat(2,minmax(0,1fr))}
.overview-card{color:var(--text);display:flex;flex-direction:column;min-height:245px;padding:23px;text-decoration:none;transition:border-color .2s,transform .2s}
.overview-card:hover{border-color:var(--violet);transform:translateY(-2px)}
.public-overview:hover{border-color:var(--cyan)}
.overview-top{align-items:center;display:flex;gap:11px}
.overview-top>.kicker{font-size:8px}
.overview-card h2,.recent-heading h2,.settings-card h2{font-size:20px;letter-spacing:-.06em;margin:18px 0 6px}
.overview-card p{color:var(--muted);font-size:11px;line-height:1.7;margin:0}
.overview-count{color:#c8cad4;font:9px var(--mono);margin-top:14px}
.overview-link{border-top:1px solid var(--line);color:var(--cyan);display:flex;font:9px var(--mono);justify-content:space-between;margin-top:auto;padding-top:15px;text-transform:uppercase}
.recent-panel{margin:20px 0 40px;padding:22px}
.recent-heading{align-items:end;display:flex;justify-content:space-between}
.recent-heading .kicker{font-size:8px}
.recent-heading h2{margin:8px 0 0}
.quick-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:15px}
.quick-links>a{align-items:center;border-right:1px solid var(--line);color:var(--text);display:flex;gap:10px;padding:15px 12px;text-decoration:none}
.quick-links>a:first-child{padding-left:0}.quick-links>a:last-child{border:0;padding-right:0}
.quick-links>a>span:nth-child(2){display:grid;gap:5px;min-width:0}
.quick-links b{font-size:9px}.quick-links small{color:var(--muted);font-size:8px;line-height:1.5}
.quick-links>a>span:last-child{color:var(--cyan);margin-left:auto}
.page-file-manager{margin:0 0 40px}
.share-banner{align-items:center;background:linear-gradient(100deg,rgba(85,228,210,.075),rgba(142,125,255,.08));border:1px solid rgba(85,228,210,.18);border-radius:8px;display:flex;gap:20px;justify-content:space-between;margin:0 0 17px;padding:16px 18px}
.share-banner>div:first-child{display:grid;gap:8px;min-width:0}
.share-banner .kicker{font-size:8px}
.share-banner b{color:var(--cyan);font:10px var(--mono);overflow-wrap:anywhere}
.share-actions{display:flex;flex:none;gap:8px}
.share-actions .button{font-size:8px;padding:10px 12px}
.settings-main>.dashboard-title{padding-top:52px}
.settings-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:42px}
.settings-card{padding:21px}
.settings-card>.kicker{font-size:8px}
.settings-card h2{margin:11px 0 17px}
.settings-row{align-items:center;border-top:1px solid rgba(255,255,255,.07);display:flex;gap:15px;justify-content:space-between;padding:13px 0}
.settings-row>span{color:var(--muted);font-size:9px}
.settings-row>b{font-size:10px;overflow-wrap:anywhere;text-align:right}
.settings-copy{margin-bottom:15px}
.settings-public-link{align-items:center;background:#0c0e13;border:1px solid var(--line);border-radius:5px;display:flex;gap:10px;justify-content:space-between;margin:14px 0;min-width:0;padding:8px}
.settings-public-link>span{color:var(--cyan);font:9px var(--mono);overflow-wrap:anywhere}
.settings-public-link .button{flex:none;font-size:8px;padding:8px}
.settings-card>.text-link{font-size:8px}
.settings-storage .storage-label{margin:15px 0 12px}
.settings-storage>small{color:var(--muted);display:block;font-size:9px;margin-top:9px}
.settings-shortcuts{border-top:1px solid var(--line);display:grid;gap:10px;margin-top:16px;padding-top:14px}
.settings-shortcuts>a{color:#c8cad4;font-size:9px;text-decoration:none}
.settings-shortcuts>a span{color:var(--cyan);float:right}
.settings-account .button{font-size:9px;margin-top:4px}
@media(max-width:850px){.app-nav{gap:11px}.app-nav a{font-size:7px}.quick-links{grid-template-columns:1fr}.quick-links>a,.quick-links>a:first-child,.quick-links>a:last-child{border-bottom:1px solid var(--line);border-right:0;padding:12px 0}.quick-links>a:last-child{border-bottom:0}.home-cards{grid-template-columns:1fr}.home-card{min-height:220px}}
@media(max-width:650px){.topbar:has(.app-nav){align-items:flex-start;flex-wrap:wrap;gap:13px}.topbar:has(.app-nav) .app-nav{flex:1;flex-wrap:wrap;gap:10px 14px;order:3;width:100%}.topbar:has(.app-nav)>button{margin-left:auto}.app-nav a{font-size:7px}.overview-grid,.settings-grid{grid-template-columns:1fr}.dashboard-title{align-items:stretch;flex-direction:column;gap:20px;padding:40px 0 25px}.dashboard-title h1{font-size:42px}.share-banner{align-items:stretch;flex-direction:column}.share-actions .button{flex:1}.recent-panel{padding:17px}.recent-heading{align-items:flex-start;flex-direction:column;gap:13px}.home-section{padding:65px 0}.home-section .heading{align-items:flex-start;flex-direction:column;gap:8px}.home-actions{align-items:flex-start;flex-direction:column;gap:13px}.home-card{min-height:205px}}
@media(max-width:650px){.home-about.about{gap:18px;grid-template-columns:1fr;margin-left:-20px;margin-right:-20px;padding:42px 24px}.home-about .round-mark{justify-content:flex-start}.home-about .round-mark img{height:90px;width:90px}}
@media(max-width:850px){.welcome{gap:5%;grid-template-columns:1fr 1fr;min-height:570px}.welcome h1{font-size:clamp(45px,6vw,67px)}.file-manager{grid-template-columns:205px minmax(0,1fr)}.sidebar{padding-left:10px;padding-right:10px}.browser{padding-left:14px;padding-right:14px}.file-head,.file-row{grid-template-columns:minmax(100px,1fr) 80px 68px 50px}.toolbar-actions .button{gap:6px}.toolbar-actions #new-folder{font-size:0}.toolbar-actions #new-folder span{font-size:15px}.storage-card{max-width:270px}}
@media(max-width:650px){.shell{padding:0 20px}.topbar{padding:16px 0}.brand{font-size:13px}.site-logo{height:29px;width:29px}.header-actions{gap:6px}.header-actions .button{font-size:8px;gap:7px;padding:10px}.welcome{gap:45px;grid-template-columns:1fr;padding:58px 0}.welcome h1{font-size:clamp(53px,14vw,72px)}.welcome-copy>p{font-size:13px}.preview{transform:none}.page-footer{flex-wrap:wrap;font-size:8px;gap:12px}.page-footer span:nth-child(2){order:3;width:100%}.dashboard-title{align-items:stretch;flex-direction:column;gap:20px;padding:43px 0 25px}.dashboard-title h1{font-size:44px}.storage-card{max-width:none}.profile-setup{gap:18px;grid-template-columns:1fr;padding:19px}.file-manager{display:block;min-height:0}.sidebar{border-bottom:1px solid var(--line);border-right:0;padding:12px;position:relative}.sidebar>.kicker{display:none}.space-choice{display:inline-flex;margin:0 3px 0 0;padding:9px 7px}.space-choice>span:nth-child(2){gap:2px}.space-choice b{font-size:9px}.space-choice small{font-size:8px}.chevron{display:none}.share-box{margin-top:11px}.sidebar-foot{display:none}.browser{padding:14px 11px 0}.browser-toolbar{align-items:flex-start;flex-direction:column;margin-bottom:14px}.toolbar-actions{align-self:stretch}.toolbar-actions .button{flex:1}.toolbar-actions #new-folder{font-size:8px}.file-head,.file-row{gap:6px;grid-template-columns:minmax(85px,1fr) 66px 55px 48px}.file-head{font-size:7px;padding:9px 5px}.file-row{padding:7px 5px}.file-name{gap:6px}.file-name b{font-size:9px}.row-icon{height:25px;width:25px}.file-row .modified,.file-row .file-size{font-size:7px}.manager-footer{font-size:7px;gap:10px}.manager-footer span:last-child{text-align:right}.public-page{padding:54px 0 42px}.public-page h1{font-size:clamp(39px,11vw,57px)}.public-browser{padding:13px 9px}.public-badge{font-size:8px}}
@media(max-width:390px){.shell{padding:0 14px}.header-actions .button{font-size:7px;padding:9px 7px}.file-head,.file-row{grid-template-columns:minmax(77px,1fr) 57px 47px 46px}.file-row .modified,.file-row .file-size{font-size:6px}.file-name b{font-size:8px}}