:root{color-scheme:dark;--bg: #090d16;--panel: #111827;--panel-soft: #172033;--line: #273449;--text: #f4f7fb;--muted: #98a6bd;--accent: #7ce2c2;--accent-strong: #49c9a1;--danger: #ff8e9a;--focus: #f6ce7b;--radius: 14px}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 85% -20%,#1d3241 0,transparent 38%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:3px}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.topbar{align-items:center;border-bottom:1px solid var(--line);display:flex;height:68px;justify-content:space-between;padding:0 28px}.brand,.topbar-actions,.upload-button,.nav-link{align-items:center;display:flex;gap:10px}.brand{font-size:17px;font-weight:700;letter-spacing:.02em}.brand svg{color:var(--accent)}.identity{color:var(--muted);font-size:13px}.ghost-button{background:transparent;border:0;color:var(--muted);padding:8px 0}.workspace{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:calc(100vh - 68px)}.sidebar{border-right:1px solid var(--line);display:flex;flex-direction:column;gap:24px;padding:24px 16px}.upload-button{background:var(--accent);border:0;border-radius:11px;color:#07130f;font-weight:700;justify-content:center;min-height:44px}.upload-button:hover{background:var(--accent-strong)}.sidebar nav{display:grid;gap:5px}.nav-link{border-radius:10px;color:var(--muted);min-height:42px;padding:0 12px}.nav-link:hover,.nav-link.active{background:var(--panel-soft);color:var(--text)}.nav-link.active svg{color:var(--accent)}.usage-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-top:auto;padding:14px}.usage-heading{display:flex;font-size:12px;justify-content:space-between;margin-bottom:12px}.usage-heading span,.usage-card small{color:var(--muted)}.usage-track{background:#243247;border-radius:999px;height:7px;overflow:hidden}.usage-track span{background:var(--accent);border-radius:inherit;display:block;height:100%}.usage-card small{display:block;font-size:11px;margin-top:10px}.main-content{min-width:0;padding:32px clamp(20px,5vw,64px)}.page{margin:0 auto;max-width:1180px}.page-heading{align-items:end;display:flex;justify-content:space-between}.eyebrow{color:var(--accent);font-size:12px;letter-spacing:.13em;margin:0 0 8px;text-transform:uppercase}h1{font-size:clamp(28px,4vw,42px);letter-spacing:-.04em;margin:0}.empty-state{align-items:center;background:linear-gradient(145deg,#172033e0,#1118278c);border:1px dashed #3c4a62;border-radius:18px;color:var(--muted);display:flex;justify-content:center;margin-top:34px;min-height:300px;text-align:center}.page-description{color:var(--muted);margin:12px 0 0}.page-actions,.toolbar-controls,.view-toggle,.dialog-actions,.trash-row>div{align-items:center;display:flex;gap:8px}.primary-button,.secondary-button,.danger-button,.view-toggle button,.icon-button{align-items:center;border:1px solid transparent;border-radius:9px;display:inline-flex;gap:7px;min-height:38px;padding:0 12px}.primary-button{background:var(--accent);color:#07130f;font-weight:700}.secondary-button{background:var(--panel-soft);border-color:var(--line);color:var(--text)}.danger-button{background:transparent;border-color:#ff8e9a59;color:var(--danger)}.browser-toolbar{align-items:center;background:#111827bf;border:1px solid var(--line);border-radius:13px;display:flex;gap:12px;justify-content:space-between;margin-top:30px;padding:10px}.search-box{align-items:center;background:var(--bg);border:1px solid var(--line);border-radius:9px;color:var(--muted);display:flex;flex:1;gap:8px;max-width:520px;padding:0 11px}.search-box input{background:transparent;border:0;color:var(--text);min-height:38px;outline:0;width:100%}.sort-select select{background:var(--bg);border:1px solid var(--line);border-radius:8px;color:var(--muted);min-height:38px;padding:0 8px}.view-toggle{background:var(--bg);border:1px solid var(--line);border-radius:9px;padding:3px}.view-toggle button{background:transparent;border:0;color:var(--muted);min-height:30px;padding:0 8px}.view-toggle button.active{background:var(--panel-soft);color:var(--accent)}.status-line{color:var(--muted);font-size:13px;margin:14px 4px}.status-line button{background:transparent;border:0;color:var(--focus);padding:0}.breadcrumbs{align-items:center;color:var(--muted);display:flex;font-size:13px;gap:6px;margin-top:16px}.breadcrumbs a{align-items:center;display:inline-flex;gap:6px}.breadcrumbs a:hover{color:var(--text)}.file-table{background:#111827b3;border:1px solid var(--line);border-radius:14px;overflow:hidden}.file-table-head,.file-row{align-items:center;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) 110px 130px 40px;padding:0 16px}.file-table-head{background:#172033a6;color:var(--muted);font-size:12px;min-height:38px}.file-row{border-top:1px solid rgba(39,52,73,.7);min-height:58px}.file-row:hover{background:#17203373}.file-name{align-items:center;background:transparent;border:0;color:var(--text);display:flex;gap:10px;min-width:0;padding:0;text-align:left}.file-name>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-icon{color:var(--accent);display:inline-flex}.icon-button{background:transparent;border:0;color:var(--muted);justify-content:center;padding:0;width:34px}.item-actions .sr-only{height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.trash-list{background:#111827b3;border:1px solid var(--line);border-radius:14px;margin-top:30px;overflow:hidden}.trash-row{align-items:center;border-bottom:1px solid rgba(39,52,73,.7);display:flex;justify-content:space-between;min-height:58px;padding:0 16px}.trash-row:last-child{border-bottom:0}.trash-row button{align-items:center;background:transparent;border:0;color:var(--muted);display:inline-flex;gap:5px;padding:7px}.dialog-backdrop{align-items:center;background:#030712b8;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:20}.dialog{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 80px #00000073;max-width:420px;padding:24px;width:100%}.dialog h2{font-size:20px;margin:0 0 18px}.dialog-title-row{align-items:center;display:flex;justify-content:space-between}.drop-zone{align-items:center;border:1px dashed #4f6381;border-radius:12px;color:var(--muted);cursor:pointer;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:140px;padding:20px;text-align:center;transition:border-color .2s,background .2s}.drop-zone:hover,.drop-zone.dragging{background:#6ee7b714;border-color:var(--accent);color:var(--text)}.drop-zone input{display:none}.upload-queue{display:grid;gap:10px;margin-top:18px;max-height:280px;overflow:auto}.upload-row{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px}.upload-row-head{display:flex;gap:12px;justify-content:space-between}.upload-row-head span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-row-head small{color:var(--muted);flex:0 0 auto}.progress-track{background:#243247;border-radius:999px;height:5px;margin-top:8px;overflow:hidden}.progress-track span{background:var(--accent);display:block;height:100%;transition:width .2s}.upload-row-actions{display:flex;gap:6px;justify-content:flex-end;margin-top:7px}.upload-row-actions button{align-items:center;background:transparent;border:0;color:var(--muted);display:inline-flex;font-size:12px;gap:4px;padding:4px}.dialog label{color:var(--muted);display:grid;font-size:13px;gap:7px}.dialog input{background:var(--bg);border:1px solid var(--line);border-radius:8px;color:var(--text);min-height:42px;padding:0 10px}.dialog-actions{justify-content:flex-end;margin-top:22px}.dialog-actions button{background:var(--panel-soft);border:1px solid var(--line);border-radius:8px;color:var(--text);min-height:36px;padding:0 12px}.dialog-actions .primary-button{background:var(--accent);border-color:transparent;color:#07130f}.preview-heading{display:grid;gap:18px}.preview-heading>div{align-items:center;display:flex;gap:14px;justify-content:space-between}.back-link{align-items:center;color:var(--muted);display:inline-flex;gap:6px}.back-link:hover{color:var(--text)}.preview-image{background:#0a0f1a;border:1px solid var(--line);border-radius:14px;display:block;margin-top:24px;max-height:72vh;max-width:100%;object-fit:contain;padding:12px}.preview-frame{border:1px solid var(--line);border-radius:14px;height:72vh;margin-top:24px;width:100%}.preview-media{margin-top:24px;max-width:100%;width:100%}.text-preview{background:#0a0f1a;border:1px solid var(--line);border-radius:14px;line-height:1.6;margin-top:24px;max-height:72vh;overflow:auto;padding:18px;white-space:pre-wrap}.public-share{align-items:center;background:var(--bg);display:flex;justify-content:center;min-height:100vh;padding:20px}.public-card{align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:18px;display:flex;flex-direction:column;gap:12px;max-width:720px;padding:34px;text-align:center;width:100%}.public-card h1{font-size:clamp(24px,5vw,36px);overflow-wrap:anywhere}.public-card p{color:var(--muted);margin:0 0 8px}.public-card .preview-image{margin-top:18px}.share-expiry{color:var(--muted);font-size:12px}@media(max-width:680px){.page-heading{align-items:flex-start;display:block}.page-actions{margin-top:18px}.browser-toolbar{align-items:stretch;flex-direction:column}.search-box{max-width:none}.toolbar-controls{justify-content:space-between}.file-table-head,.file-row{grid-template-columns:minmax(0,1fr) 70px 38px}.file-table-head>span:nth-child(3),.file-row>span:nth-child(3){display:none}.trash-row{align-items:flex-start;flex-direction:column;gap:8px;padding:14px 16px}}@media(max-width:680px){.topbar{padding:0 16px}.workspace{grid-template-columns:1fr}.sidebar{border-bottom:1px solid var(--line);border-right:0;padding:12px 16px}.sidebar nav{grid-template-columns:repeat(3,1fr)}.nav-link{justify-content:center;padding:0 6px}.nav-link span{font-size:12px}.usage-card{display:none}.main-content{padding:24px 16px}}