:root{--bg: #ffffff;--fg: #1c1d21;--muted: #5d6068;--line: #dcdfe6;--card: #f6f7fa;--accent: #4f46e5;--accent-fg: #ffffff;--ok: #1b7a3a;--err: #b3261e;--overlay: rgba(79, 70, 229, .12);color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #14151a;--fg: #e8e9ee;--muted: #a0a4ae;--line: #33363f;--card: #1d1f26;--accent: #8b85ff;--accent-fg: #101014;--ok: #5fd187;--err: #ff8a80;--overlay: rgba(139, 133, 255, .16)}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}main{max-width:46rem;margin:0 auto;padding:1.5rem 16px 4rem;min-height:100vh}header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}h1{margin:0;font-size:1.8rem;line-height:1.2}.sub,.hint{color:var(--muted);margin:.25rem 0 0}.hint{margin:1rem 0;padding:.75rem 1rem;border:2px dashed var(--line);border-radius:10px;background:var(--card)}button{font:inherit;cursor:pointer}button.primary{background:var(--accent);color:var(--accent-fg);border:0;border-radius:8px;padding:.55rem 1rem;white-space:nowrap}button.primary:focus-visible,button.link:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.link{background:none;border:0;padding:0 .25rem;color:var(--accent);text-decoration:underline}ul{list-style:none;margin:0;padding:0}.files li,.uploads li{display:flex;align-items:center;gap:.75rem;padding:.6rem .25rem;border-bottom:1px solid var(--line)}.files .name,.uploads .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg)}.files a.name{text-decoration:none}.files a.name:hover{color:var(--accent);text-decoration:underline}.meta{color:var(--muted);font-size:.9rem;white-space:nowrap}.meta.ok{color:var(--ok)}.meta.error{color:var(--err);white-space:normal;text-align:right}.uploads{margin-bottom:1rem;border:1px solid var(--line);border-radius:10px;background:var(--card);padding:0 .75rem}.uploads li:last-child{border-bottom:0}progress{width:7rem;height:.7rem;accent-color:var(--accent)}.status{color:var(--muted);text-align:center;margin:1rem 0}.status.error{color:var(--err)}.empty{text-align:center;color:var(--muted);margin:3rem 0}.marker{height:1px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--overlay);border:4px dashed var(--accent);pointer-events:none;z-index:10}.overlay div{background:var(--bg);color:var(--fg);padding:1rem 2rem;border-radius:12px;font-size:1.4rem;border:1px solid var(--line)}@media(max-width:520px){.files li{flex-wrap:wrap}.files .name{flex-basis:100%}progress{width:4.5rem}}