:root{color-scheme:dark;font-family:Calibri,"Segoe UI",Arial,sans-serif;color:#f2f3f5;background:#08090b;font-size:16px;--muted:#91959f;--line:#26282d;--accent:#c6f87a}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}.header,main,footer{width:min(1100px,calc(100% - 64px));margin:auto}.header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:16px;align-items:center;font-size:18px;font-weight:600;letter-spacing:2px}.brand-mark{font-size:28px;font-weight:800;letter-spacing:-1.5px}.brand-divider{height:22px;width:1px;background:#45474e}.public-label{color:#b7bbc4;font-size:14px;border:1px solid var(--line);border-radius:100px;padding:7px 13px}main{padding:36px 0 64px}.section-intro{margin-bottom:24px}h1{font-size:clamp(26px,3.4vw,36px);line-height:1.3;letter-spacing:-.5px;margin:0 0 8px;font-weight:600}p{line-height:1.5;margin:0;color:var(--muted)}.dropzone{min-height:242px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px dashed #42454e;border-radius:16px;background:#0e0f12;transition:background .16s,border-color .16s;position:relative;padding:24px}.dropzone.dragover{background:#182013;border-color:var(--accent);border-style:solid}.dropzone h2{font-size:22px;font-weight:600;margin:0}.dropzone p{font-size:16px}.upload-icon{width:32px;height:32px;color:var(--accent);margin-bottom:2px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:42px;border:1px solid #3a3d44;border-radius:8px;background:#1a1b20;color:#f4f4f5;padding:9px 18px;font-weight:600;transition:background .15s}.button:hover{background:#292c32}.button.primary{background:var(--accent);color:#142008;border-color:var(--accent);margin-top:6px}.button.primary:hover{background:#d5ff9c}.button.primary span{font-size:22px;line-height:1}.size-hint{font-size:13px;color:var(--muted)}.visibility-note{display:flex;align-items:center;justify-content:center;gap:7px;margin:14px 0 34px;font-size:14px}.visibility-note svg{width:16px;height:16px;flex-shrink:0}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 20px}.files-heading,.tools{display:flex;align-items:center;gap:12px}h2{font-size:22px;line-height:1.3;margin:0;font-weight:600}.count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:26px;padding:0 8px;background:#1d2025;color:#bec3cd;border-radius:6px;font-size:14px}.search{display:flex;align-items:center;gap:9px;background:#101115;border:1px solid var(--line);border-radius:8px;padding:0 12px}.search svg{width:18px;height:18px;color:var(--muted)}.search input{color:inherit;border:0;background:transparent;min-height:42px;width:190px;min-width:0;outline:none}.search:focus-within{border-color:#7e895f}.search input::placeholder{color:#858a94}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--line);border-radius:8px;background:#101115;color:#bfc3cb;flex-shrink:0}.icon-button:hover{background:#25282f;color:white}.icon-button svg{width:19px;height:19px}.column-head,.file-row{display:grid;grid-template-columns:minmax(0,1fr) 100px 140px 172px;gap:20px;align-items:center;padding:15px 16px}.column-head{font-size:14px;color:#9297a2;padding-top:0;padding-bottom:12px}.column-head span:last-child{text-align:left}.files{border-top:1px solid var(--line)}.file-row{border-bottom:1px solid #212329;min-height:88px}.file-row:hover{background:#0f1014}.file-main{display:flex;align-items:center;gap:14px;min-width:0}.file-icon{height:44px;width:40px;border:1px solid #343841;border-radius:9px;display:flex;align-items:center;justify-content:center;background:#191c22;flex-shrink:0;font-family:"Segoe UI",sans-serif;font-size:10px;font-weight:700;color:#b7c7de;text-transform:uppercase;overflow:hidden}.file-icon.image{color:#cebafa;background:#1c172a;border-color:#3c3157}.file-icon.video{color:#f4bb9f;background:#241b16;border-color:#4b3324}.file-icon.doc{color:#a6caf8;background:#141d2c;border-color:#2c4262}.file-icon.archive{color:#e7d597;background:#242115;border-color:#48422b}.filename{font-size:17px;line-height:1.3;overflow-wrap:anywhere;margin-bottom:5px;display:block}.file-sub{font-size:13px;color:#858b97}.file-size,.file-date{font-size:15px;color:#aeb4c0;white-space:nowrap}.file-size{direction:ltr;text-align:right}.file-actions{display:flex;gap:7px;justify-content:flex-end}.file-actions .icon-button{width:38px;height:38px;background:transparent;border-color:transparent}.file-actions .icon-button:hover{border-color:#32363e;background:#1d2026}.file-actions .download{color:var(--accent);border-color:#38432a;background:#131a0e}.file-actions .delete:hover{color:#ff9999}.empty{text-align:center;padding:50px 20px;color:var(--muted);border-bottom:1px solid var(--line)}.empty strong{display:block;color:#dbdfe6;font-size:19px;font-weight:500;margin-bottom:8px}.uploads{margin:24px 0 34px;border:1px solid var(--line);border-radius:12px;padding:18px}.list-heading{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:10px}.list-heading h2{font-size:18px}.text-button{color:#b8bfca;background:none;border:0;font-size:14px;padding:6px}.text-button:hover{color:white}.upload-row{padding:12px 0;border-top:1px solid #22262c;display:flex;align-items:center;gap:12px}.upload-detail{min-width:0;flex:1}.upload-name{overflow-wrap:anywhere;font-size:16px;margin-bottom:5px}.upload-state{font-size:13px;color:var(--muted);margin-bottom:7px}.upload-state.failed{color:#ffaaa3}.upload-state.done{color:var(--accent)}progress{display:block;width:100%;height:4px;border:0;border-radius:5px;overflow:hidden;background:#292d34}progress::-webkit-progress-bar{background:#292d34}progress::-webkit-progress-value{background:var(--accent)}progress::-moz-progress-bar{background:var(--accent)}.pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:20px;color:var(--muted)}.error-message{background:#291819;border:1px solid #583133;color:#ffb9b5;padding:12px 16px;border-radius:8px;margin-bottom:16px}footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0 28px;color:#7f8590;font-size:13px}footer span:first-child{letter-spacing:1px}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);padding:13px 22px;border:1px solid #4c5540;background:#20261a;color:#edffdc;border-radius:10px;box-shadow:0 8px 40px #0008;z-index:10;text-align:center}.toast.error{background:#301c1e;color:#ffc4c4;border-color:#624040}dialog{width:min(450px,calc(100% - 32px));background:#14161b;color:inherit;border:1px solid #41454f;border-radius:16px;padding:28px}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}dialog h2{margin-bottom:14px}dialog p{margin-bottom:14px;overflow-wrap:anywhere}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.danger{background:#792d33;border-color:#a54650}.danger:hover{background:#973741}@media(max-width:760px){.header,main,footer{width:calc(100% - 32px)}.header{height:78px}.brand{gap:11px;font-size:16px}.brand-mark{font-size:24px}.public-label{font-size:13px;padding:6px 10px}main{padding-top:28px;padding-bottom:40px}.section-intro p{font-size:16px}.dropzone{min-height:245px}.toolbar{align-items:flex-start;flex-direction:column;gap:16px}.tools{width:100%}.search{flex:1}.search input{width:100%}.column-head{display:none}.file-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:16px 0;min-height:94px}.file-main{gap:11px}.file-size,.file-date{display:none}.file-actions{gap:1px;align-self:center}.file-actions .icon-button{width:35px;height:38px}.file-icon{width:36px;height:43px;font-size:9px}.filename{font-size:16px}.file-sub{font-size:13px;line-height:1.5}.visibility-note{font-size:13px;margin-bottom:30px}.uploads{padding:14px}.list-heading{align-items:flex-start}.list-heading .text-button{max-width:160px;text-align:left;padding-top:0}.list-heading h2{white-space:nowrap}footer{align-items:flex-start;flex-direction:column;gap:8px}.toast{bottom:18px}h1{font-size:28px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(min-width:761px){.mobile-meta{display:none}}
