:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#edeef1;background:#101214;font-synthesis:none;--muted:#969ba3;--line:#2a2e33;--lime:#baf769;--panel:#181b1e}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,[tabindex]{-webkit-tap-highlight-color:transparent}button{cursor:pointer;transition:background .15s,transform .15s}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--lime);outline-offset:4px}a{color:inherit;text-decoration:none}button{color:inherit}input,select{background:#121518;border:1px solid var(--line);color:inherit;border-radius:8px;padding:11px 13px}input::placeholder{color:#777e87}.app-shell{max-width:1500px;margin:auto;padding:0 52px}.topbar{height:94px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:700;letter-spacing:-.8px}.brand-symbol{display:inline-grid;place-items:center;width:32px;height:32px;font-size:15px;background:var(--lime);border-radius:9px;color:#18210d;padding-left:2px}.brand-slash{color:#4c525b;font-weight:400;margin:0 3px}.brand-product{font-size:17px;color:#a9aeb7;font-weight:450;letter-spacing:-.4px}.private-badge{display:flex;align-items:center;gap:7px;margin-left:auto;color:#a8adb4;font-size:12px;border:1px solid #30362f;padding:7px 10px;border-radius:30px}.private-badge>span,.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime)}.topbar form{margin:0}.text-button{background:transparent;border:0;font-size:12px;color:#a6acb4;padding:7px}.text-button span{margin-left:8px}main#directory{padding-top:55px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;color:#a6af9a;margin-bottom:13px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}h1{font-size:clamp(32px,3.3vw,48px);font-weight:550;letter-spacing:-2px;margin:0 0 12px;line-height:1.12}.lime-dot,.lime-text{color:var(--lime)}.muted{color:var(--muted);font-size:14px;line-height:1.7;margin:0}.primary,.secondary,.danger{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:8px;border:1px solid transparent;padding:13px 19px;font-size:13px;font-weight:650;white-space:nowrap}.primary{background:var(--lime);color:#17200e}.primary:hover{background:#cafc8f}.primary>span{font-size:22px;line-height:18px;font-weight:400}.secondary{border-color:#3c424a;background:#21252a}.secondary:hover{background:#2c3137}.danger{background:#e34d54;color:white}.danger:hover{background:#f25a60}.stats{display:grid;grid-template-columns:1fr 1fr 1fr;border:1px solid var(--line);border-radius:11px;margin:31px 0 23px;background:linear-gradient(125deg,#1b1e20,#15181a)}.stats>div{padding:23px 28px;position:relative;display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:9px 15px}.stats>div+div{border-left:1px solid var(--line)}.stat-label{font-size:10px;letter-spacing:1.2px;color:#989fa5;grid-column:1/-1}.stats strong{font-size:30px;letter-spacing:-1px;font-weight:500}.stat-detail{color:#777f89;font-size:11px}.dropzone{display:flex;align-items:center;gap:19px;border:1px dashed #46513c;border-radius:10px;padding:26px;background:#171d15;cursor:pointer;transition:background .2s,border-color .2s}.dropzone:hover,.dropzone.dragover{background:#222d1c;border-color:var(--lime)}.upload-icon{display:grid;place-items:center;border:1px solid #435138;background:#232e1c;border-radius:10px;width:43px;height:43px;color:var(--lime);font-size:28px}.dropzone strong{font-size:14px;font-weight:550}.dropzone p{font-size:12px;color:#8c9586;margin:7px 0 0}.drop-limit{margin-left:auto;color:#7c8c6f;font-size:10px;letter-spacing:1px}.library{margin-top:31px;border:1px solid var(--line);background:var(--panel);border-radius:11px;overflow:hidden}.library-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 23px;border-bottom:1px solid var(--line)}.library-title{font-size:15px;font-weight:550;display:flex;align-items:center;gap:10px}.count-badge{font-size:11px;font-weight:400;padding:3px 7px;background:#292f26;color:#b9cf9e;border:1px solid #3a4533;border-radius:5px}.library-controls{display:flex;gap:9px;align-items:center}.search-wrap{display:flex;align-items:center;background:#121518;border:1px solid var(--line);border-radius:7px;padding-left:11px}.search-wrap>span{font-size:22px;color:#7c838d}.search-wrap input{border:0;background:transparent;font-size:12px;width:180px;padding:9px}.library-controls select{font-size:11px;max-width:130px;padding:10px}.icon-button{display:inline-grid;place-items:center;background:transparent;border:1px solid var(--line);border-radius:7px;width:34px;height:34px;font-size:22px;color:#a8afb7}.icon-button:hover{background:#30363d;color:white}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left}th{font-size:9px;letter-spacing:1.2px;color:#808891;padding:14px 23px;background:#15181b;font-weight:500}td{padding:19px 23px;border-top:1px solid #292d32;font-size:12px;vertical-align:middle;color:#a2a9b2}tbody tr:hover{background:#1c2024}.actions-heading{text-align:right}.file-cell{display:flex;gap:13px;align-items:center;min-width:180px}.file-icon{display:grid;place-items:center;flex-shrink:0;width:39px;height:45px;border:1px solid #374131;border-radius:7px;background:#252e21;color:#a5d572;font-size:20px}.file-name{display:block;color:#e4e8ed;font-weight:550;font-size:12px;max-width:290px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-format{display:block;font-size:9px;color:#79838e;margin-top:6px;text-transform:uppercase;letter-spacing:1px}.actions{display:flex;justify-content:flex-end;align-items:center;gap:7px;white-space:nowrap}.action-button{font-size:10px;background:#22272b;border:1px solid #353c43;border-radius:6px;padding:8px 10px}.action-button:hover{background:#303840;border-color:#677380}.action-button.lime{background:#26321d;border-color:#415335;color:#c2eb99}.action-button.delete{color:#e69499;background:transparent;border-color:transparent}.action-button.delete:hover{background:#3c2428;border-color:#643237}.empty{text-align:center;padding:50px 20px 55px}.empty[hidden]{display:none}.empty h2{font-size:19px;font-weight:500;letter-spacing:-.5px;margin:18px 0 9px}.empty p{font-size:12px;color:#848d98;line-height:1.7;margin:0 0 22px}.empty-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;border:1px solid #3b4633;background:#232c1d;color:#b0df80;font-size:30px;margin:auto}.empty .secondary{font-size:11px;padding:10px 14px}.page-footer{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#6f7985;padding:22px 0 35px}.page-footer .status-dot{width:5px;height:5px;margin-right:7px;vertical-align:2px;background:#759650}.transfers{display:grid;gap:10px;margin-top:12px}.transfer{background:#1b2220;border:1px solid #3d4b37;border-radius:8px;padding:13px 17px}.transfer-top{display:flex;justify-content:space-between;gap:15px;font-size:12px}.transfer-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transfer-status{color:var(--lime);white-space:nowrap}.transfer progress{display:block;width:100%;height:4px;margin-top:12px;border:0;border-radius:8px;accent-color:var(--lime)}.transfer progress::-webkit-progress-bar{background:#333e2c;border-radius:8px}.transfer progress::-webkit-progress-value{background:var(--lime);border-radius:8px}.transfer.error{border-color:#823840}.transfer.error .transfer-status{color:#f09d9d}.transfer button{font-size:11px;background:none;border:0;color:#c4cbd2;text-decoration:underline}.toast{position:fixed;bottom:27px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:20px;max-width:90vw;background:#e0f4c8;color:#1e2c13;border:1px solid #b8d897;padding:15px 18px;border-radius:10px;font-size:13px;z-index:100;box-shadow:0 12px 60px #0008}.toast.error{background:#40282a;color:#f5b4b8;border-color:#855057}.toast[hidden]{display:none}.toast button{color:inherit;background:none;border:0;font-size:20px}dialog{background:#1a1e23;color:inherit;border:1px solid #40474f;border-radius:14px;padding:0;max-width:min(92vw,470px);box-shadow:0 20px 100px #0008}dialog::backdrop{background:#050709b8;backdrop-filter:blur(5px)}.dialog-body{padding:30px}dialog h2{font-size:25px;font-weight:500;letter-spacing:-.8px;margin:12px 0}dialog p{overflow-wrap:anywhere}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:28px}.preview-dialog{width:900px;max-width:92vw}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;gap:20px}.preview-header strong{font-size:13px;overflow:hidden;text-overflow:ellipsis}.preview-dialog video{display:block;width:100%;max-height:70vh;background:#050607}.preview-note{font-size:11px;padding:14px 20px}@media(min-width:1200px){.file-name{max-width:270px}.actions{gap:5px}.action-button{padding:8px}}@media(max-width:1100px){.app-shell{padding:0 30px}.stat-detail{grid-column:1/-1}.stats>div{gap:7px}.actions{flex-wrap:wrap;max-width:275px;min-width:220px}.file-name{max-width:210px}td,th{padding-left:18px;padding-right:18px}}@media(max-width:700px){.app-shell{padding:0 18px}.topbar{height:75px;gap:12px}.brand{font-size:18px;gap:8px}.brand-product{font-size:14px}.brand-symbol{width:28px;height:28px}.brand-slash{margin:0}.private-badge{font-size:0;gap:0;border:0;padding:0}.private-badge>span{width:7px;height:7px}.text-button{font-size:11px}.text-button span{display:none}main#directory{padding-top:33px}h1{font-size:34px;letter-spacing:-1.5px}.page-heading{align-items:flex-start;flex-direction:column;gap:20px}.page-heading .muted{font-size:12px}.page-heading>.primary{width:100%}.stats{margin-top:23px}.stats>div{padding:17px 12px;gap:10px}.stats strong{font-size:23px;white-space:nowrap}.stat-label{font-size:8px;letter-spacing:.6px;min-height:18px}.stat-detail{font-size:9px;line-height:1.5}.dropzone{padding:20px 15px;gap:12px}.dropzone strong{font-size:12px}.dropzone p{font-size:10px;line-height:1.6}.drop-limit{display:none}.upload-icon{flex-shrink:0;width:34px;height:37px;font-size:24px}.library{margin-top:22px}.library-toolbar{padding:17px 14px;flex-wrap:wrap;gap:15px}.library-controls{width:100%}.search-wrap{flex:1;min-width:0}.search-wrap input{width:100%;min-width:0}.library-controls select{max-width:115px;font-size:10px}th{font-size:8px}td{padding-top:17px;padding-bottom:17px}.file-name{max-width:160px}.page-footer{font-size:9px;line-height:1.5}.page-footer>span+span{text-align:right;max-width:130px}.dialog-body{padding:25px}.dialog-actions button{font-size:12px}}
@media(max-width:700px){.table-wrap{overflow:visible}table,tbody{display:block}thead{display:none}tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;padding:17px 16px;border-top:1px solid var(--line)}td{display:block;border:0;padding:8px 0;font-size:11px}td:first-child,td:last-child{grid-column:1/-1}td:nth-child(2)::before{content:'SIZE · ';color:#707b86;font-size:8px}td:nth-child(3)::before{content:'UPLOADED · ';color:#707b86;font-size:8px}.file-name{max-width:245px}.actions{min-width:0;max-width:none;justify-content:flex-start;gap:7px}.action-button{font-size:10px;padding:9px 10px}.stats>div{padding-left:10px;padding-right:10px}}