:root{color-scheme:dark;--bg:#101114;--panel:#181a1f;--panel2:#20232a;--text:#f3f4f6;--muted:#9299a6;--line:#2c3038;--accent:#6d8cff;--danger:#f06b72;--radius:12px;font:15px/1.45 Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,.button,input,select{font:inherit}button,.button{border:1px solid var(--line);background:var(--panel2);color:var(--text);padding:.65rem .9rem;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.primary{background:var(--accent);border-color:var(--accent);color:#fff}.danger{color:var(--danger)}.top{height:64px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 1180px)/2));position:sticky;top:0;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(14px);z-index:5}.brand{font-weight:750}.top nav,.top form,.actions{display:flex;align-items:center;gap:.65rem}.top nav>a{color:var(--muted)}.link-button,.icon-button{padding:.35rem;background:none;border:0}main{max-width:1180px;margin:0 auto;padding:32px 20px 80px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}h1{font-size:2rem;line-height:1.15;margin:.25rem 0}h2{font-size:1.1rem;margin:30px 0 12px}p,.crumb{color:var(--muted)}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.auth{max-width:420px;margin:12vh auto;padding:28px}.stack{display:grid;gap:16px}.stack label{display:grid;gap:7px;color:var(--muted)}input,select{width:100%;padding:.72rem .8rem;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:8px}.error{background:#3a2024;color:#ffabb0;padding:10px;border-radius:8px}.storage{padding:18px}.storage>div{display:flex;justify-content:space-between;margin-bottom:10px}.storage span{color:var(--muted)}progress{width:100%;height:8px;accent-color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.tile{padding:18px;display:grid;gap:5px}.tile span,.file-row span{color:var(--muted);font-size:.85rem}.file-list{border-top:1px solid var(--line)}.file-row{display:grid;grid-template-columns:60px 1fr auto;align-items:center;padding:14px 8px;border-bottom:1px solid var(--line)}.file-row:hover{background:var(--panel)}.file-icon{font-size:.65rem!important;letter-spacing:.06em}.dropzone{border:1px dashed var(--line);padding:20px;text-align:center;color:var(--muted);border-radius:10px;margin-bottom:16px}.dropzone.active{border-color:var(--accent);color:var(--text)}.upload-list{display:grid;gap:8px;margin-bottom:16px}.upload-item{display:grid;grid-template-columns:1fr auto;gap:6px;padding:12px;background:var(--panel);border-radius:8px}.upload-item progress{grid-column:1/-1}.empty{padding:40px;text-align:center;color:var(--muted)}dialog{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:14px;padding:24px;width:min(440px,calc(100% - 24px))}dialog::backdrop{background:#000a}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.check input{width:auto}.preview{min-height:260px;display:grid;place-items:center;overflow:hidden;margin-bottom:18px}.preview img,.preview video{max-width:100%;max-height:70vh}.preview audio{width:min(600px,90%)}.preview iframe{width:100%;height:70vh;border:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);white-space:nowrap}td small{display:block;color:var(--muted)}.share{max-width:900px;margin:auto;text-align:center}.status{font-size:3rem;color:var(--muted)}.jobs{position:fixed;right:16px;bottom:16px;display:grid;gap:8px;z-index:8}.job{width:320px;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 30px #0006}@media(max-width:650px){main{padding:22px 14px 70px}.top{padding:0 14px}.top nav>a{display:none}.page-head{align-items:flex-start;flex-direction:column}.actions{flex-wrap:wrap}.file-row{grid-template-columns:45px minmax(0,1fr) auto}.file-row strong{overflow:hidden;text-overflow:ellipsis}.storage>div{display:grid}.jobs{left:12px;right:12px}.job{width:auto}}
