:root{color-scheme:dark;--bg:#10131c;--panel:#171b27;--line:#292e40;--text:#eff0f8;--muted:#949bb2;--accent:#a497ff;--purple:#8f7df5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button,a.button{cursor:pointer;border:1px solid var(--line);border-radius:9px;background:#202536;color:var(--text);padding:10px 14px;transition:.15s;text-decoration:none}button:hover{background:#30364b;border-color:#64598c}button:disabled{opacity:.5;cursor:wait}a{color:var(--accent)}input,select{background:#11151f;border:1px solid var(--line);border-radius:8px;padding:11px 12px;color:var(--text);min-width:0}input:focus,button:focus-visible,select:focus{outline:2px solid var(--accent);outline-offset:2px}h1,h2,p{margin-top:0}h1{font-size:30px;letter-spacing:-1px;line-height:1.22;margin-bottom:10px}h2{font-size:19px}small,.muted{color:var(--muted)}[hidden]{display:none!important}.primary{background:var(--purple)!important;color:white!important;border-color:var(--purple)!important;font-weight:650}.primary:hover{filter:brightness(1.12)}.brand{display:flex;align-items:center;gap:8px;font-size:21px;font-weight:700;letter-spacing:-.7px;color:var(--text);text-decoration:none}.brand-icon{color:#b2a7ff;font-size:35px;line-height:1}.brand .muted{font-weight:450;margin-left:-4px}.eyebrow{font-size:10px;color:var(--accent);letter-spacing:2px;font-weight:700;display:block;margin-bottom:14px}#app{display:flex;min-height:100vh}aside{width:242px;flex-shrink:0;border-right:1px solid var(--line);padding:29px 20px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;background:#141823}aside>.primary{margin:34px 0 31px;width:100%;padding:12px}.nav-label{font-size:10px;letter-spacing:1.6px;color:#737c97;margin:0 12px 12px}nav{display:grid;gap:6px}nav button{border:0;background:none;text-align:left;color:#939bb2;font-size:18px;display:flex;align-items:center;gap:13px;padding:11px 13px}nav button span{font-size:13px}nav button.active{background:#29233f;color:#c2b6ff;box-shadow:inset 3px 0 var(--accent)}.sidebar-bottom{margin-top:auto;padding:28px 10px 0}.storage-title{display:flex;gap:10px;color:#b9c0d4}.meter{height:5px;background:#2a2f40;border-radius:6px;margin:13px 0 8px;overflow:hidden}.meter i{display:block;height:100%;width:0;background:var(--accent)}.hosting-note{font-size:10px;color:#6f7892;margin:6px 0 23px}.sidebar-bottom button{background:none;border:0;color:var(--muted);display:block;padding:9px 0;font-size:12px}main{flex:1;min-width:0;margin-left:242px}header{height:89px;padding:0 42px;display:flex;gap:24px;align-items:center;border-bottom:1px solid var(--line)}.searchbox{max-width:660px;flex:1;background:#1b2030;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:10px;padding-left:15px}.searchbox>span{font-size:25px;color:var(--muted)}.searchbox form{display:flex;flex:1;min-width:0}.searchbox input{background:none;border:0;width:100%;font-size:12px;padding:12px 0}.searchbox button{border:0;background:none;color:var(--muted);font-size:12px}.private-badge{margin-left:auto;font-size:11px;color:#91c8b8;white-space:nowrap}#avatar{border-radius:50%;height:34px;width:34px;padding:0;background:#393051;color:#d2c8ff}.workspace{max-width:1550px;margin:auto;padding:37px 42px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:34px}.page-head p{color:var(--muted);font-size:12px;margin-bottom:0}.secondary{font-size:12px}.toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:0 0 16px;gap:10px}.view-tools{display:flex;gap:8px}.view-tools select{font-size:11px;background:none;border:0;max-width:140px}.view-tools button{padding:6px 10px;background:none}#breadcrumbs{display:flex;flex-wrap:wrap;gap:5px;align-items:center;font-size:12px;color:var(--muted)}#breadcrumbs button{padding:4px 5px;background:none;border:0;color:#c9cbe0;font-size:12px}.file-row{display:grid;grid-template-columns:minmax(200px,1fr) 100px 135px 56px;gap:14px;align-items:center;padding:16px 12px;border-bottom:1px solid #252a3a;position:relative;min-height:75px}.file-row:hover{background:#191e2c}.file-row.highlight{background:#302945;outline:1px solid var(--accent);border-radius:8px}.file-main{display:flex;align-items:center;gap:13px;min-width:0;text-align:left;border:0;background:none;padding:0}.file-main:hover{background:none}.file-main>div{min-width:0}.filename{display:block;font-size:13px;overflow-wrap:anywhere;text-align:left;font-weight:550}.file-sub{display:block;font-size:11px;color:var(--muted);margin-top:4px;text-align:left;overflow-wrap:anywhere}.file-icon{width:38px;height:43px;flex-shrink:0;border-radius:9px;background:#25344e;color:#8cb9ff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:750;letter-spacing:.3px}.file-icon.folder{background:#383047;color:#cfb1ff;font-size:24px}.file-icon.image{background:#243c38;color:#87d8c2}.file-icon.pdf{background:#422c36;color:#f8a6b3}.file-size,.file-date{font-size:11px;color:var(--muted)}.file-actions{padding:6px 10px;font-size:18px;background:none;border:0}.file-list.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:15px;padding-top:20px}.grid .file-row{border:1px solid var(--line);border-radius:12px;grid-template-columns:1fr auto;gap:12px;padding:18px;background:#171c29}.grid .file-main{grid-column:1/3;display:block}.grid .file-icon{margin-bottom:20px;width:43px;height:48px}.grid .file-date{display:none}.grid .file-actions{position:absolute;right:8px;top:8px}#drop-hint{border:1px dashed #343b51;border-radius:12px;padding:24px;text-align:center;margin-top:26px;font-size:12px;color:var(--muted)}#drop-hint button{border:0;background:none;color:var(--accent);padding:0}.index-note{font-size:10px;color:#737d96;margin:18px 0}.empty{grid-column:1/-1;text-align:center;padding:65px 20px;color:var(--muted)}.empty .symbol{font-size:43px;color:#70638f;margin-bottom:18px}.empty h2{color:#c8cde0;font-size:17px}.empty p{font-size:12px}#search-note{color:var(--muted);font-size:12px;padding:18px 0}#suggestions{margin-top:32px}#suggestions>p{font-size:12px}.match{color:#cfbfff}dialog{border:1px solid #3b4056;background:#191e2c;color:var(--text);border-radius:16px;max-width:640px;width:calc(100% - 30px);padding:24px;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#080a12bb;backdrop-filter:blur(4px)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:10px}.modal-head h2{margin:0;overflow-wrap:anywhere}.modal-head button{background:none;border:0;font-size:25px;padding:0 8px}.modal-form{display:grid;gap:15px}label{display:grid;gap:7px;font-size:12px;color:#afb7ce}label input,label select{width:100%}.actions-menu{display:grid;grid-template-columns:1fr 1fr;gap:10px}.danger{color:#ffaaaa!important}.detail{font-size:12px;color:var(--muted);overflow-wrap:anywhere;margin:18px 0}.preview{width:100%;max-height:65vh;border:0;border-radius:8px}.preview-frame{height:60vh}.share-url{width:100%;margin-bottom:10px}.error{color:#ffa3a3;font-size:12px}.auth{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:10vw;padding:40px;background:radial-gradient(ellipse at 85% 20%,#27203d 0,transparent 50%),#10131c}.login-card{width:390px;max-width:100%;margin:0}.login-card .brand{margin-bottom:55px}.login-card h1{font-size:38px}.login-card p{font-size:13px;color:var(--muted);margin-bottom:25px}.login-card label{margin:18px 0}.login-card button{width:100%;margin-top:8px;display:flex;justify-content:space-between}.login-card small{display:block;text-align:center;margin-top:25px;font-size:11px}.login-art{width:360px}.orb{height:190px;width:190px;background:linear-gradient(145deg,#9b8aec,#423764);border-radius:50px;transform:rotate(-12deg);font-size:130px;text-align:center;box-shadow:20px 35px 100px #7762c333;margin-bottom:60px}.login-art h2{font-size:32px;line-height:1.2;letter-spacing:-1px}.login-art p{color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#38304e;border:1px solid #62517e;padding:13px 22px;border-radius:10px;z-index:20;max-width:90vw;box-shadow:0 12px 50px #0006}#upload-progress{position:fixed;bottom:25px;right:25px;background:#252b3d;border:1px solid var(--line);padding:20px;border-radius:12px;width:330px;z-index:15;box-shadow:0 15px 50px #0006}#upload-name{display:block;overflow-wrap:anywhere;font-size:12px}progress{width:100%;height:8px;accent-color:var(--accent);margin:12px 0}#upload-status{font-size:11px;color:var(--muted)}#drop-overlay{position:fixed;inset:15px;border:3px dashed var(--accent);background:#191329ec;border-radius:20px;z-index:30;display:flex;align-items:center;justify-content:center;text-align:center;font-size:30px;pointer-events:none}.loading{padding:50px;text-align:center;color:var(--muted)}@media(max-width:1050px){aside{width:205px}main{margin-left:205px}.workspace{padding:30px 24px}header{padding:0 24px;gap:14px}.private-badge{display:none}.file-row{grid-template-columns:minmax(100px,1fr) 80px 40px}.file-date{display:none}}@media(max-width:650px){aside{position:static;width:65px;padding:20px 7px;min-height:100vh}aside .brand{font-size:0;justify-content:center}aside .brand-icon{font-size:30px}aside .brand .muted,aside>.primary,.nav-label,nav span,.sidebar-bottom{display:none}nav{margin-top:30px}nav button{justify-content:center;font-size:21px;padding:12px 6px}main{margin:0}header{height:73px;padding:0 14px}.workspace{padding:24px 15px}.page-head{align-items:flex-start;margin-bottom:25px}.page-head h1{font-size:25px}.page-head .eyebrow{font-size:8px;letter-spacing:1px}.page-head p{font-size:11px}.secondary{font-size:0;padding:8px}.secondary:after{content:'＋ Folder';font-size:11px}.file-row{padding:13px 2px;gap:6px;grid-template-columns:minmax(90px,1fr) 30px}.file-size{display:none}.file-icon{width:30px;height:35px;font-size:9px}.file-main{gap:8px}.view-tools select{width:88px;padding:6px 0}.login-art{display:none}.auth{padding:28px}.file-list.grid{grid-template-columns:1fr}.actions-menu{grid-template-columns:1fr}#upload-progress{right:12px;bottom:12px;max-width:calc(100vw - 24px)}.index-note{font-size:9px}.searchbox input{font-size:11px}}