:root{color-scheme:light dark;--bg: #f1f3f4;--card: #ffffff;--fg: #1f1f1f;--muted: #5f6368;--accent: #1a73e8;--danger: #d93025;--ok: #188038}@media(prefers-color-scheme:dark){:root{--bg: #202124;--card: #292a2d;--fg: #e8eaed;--muted: #9aa0a6;--accent: #8ab4f8}}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:20px;background:var(--bg);color:var(--fg);font:16px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.card{background:var(--card);border-radius:16px;padding:28px 24px;width:100%;max-width:420px;box-shadow:0 1px 3px #0003}h1{font-size:20px;margin:0 0 8px}.muted{color:var(--muted)}.filepick{display:block;border:2px dashed var(--accent);border-radius:12px;padding:28px 16px;text-align:center;color:var(--accent);cursor:pointer;margin:20px 0 12px}.filepick input{display:none}.preview{margin-bottom:12px}.preview img,.preview video{width:100%;border-radius:10px;max-height:320px;object-fit:contain}.preview .fname{font-size:13px;color:var(--muted);margin-top:6px;word-break:break-all}button{width:100%;padding:14px;border:none;border-radius:10px;background:var(--accent);color:#fff;font-size:16px;cursor:pointer}button:disabled{opacity:.5}.progress{height:8px;border-radius:4px;background:#80808040;overflow:hidden;margin-top:16px}#bar{height:100%;width:0;background:var(--accent);transition:width .2s}.message{margin-top:16px;font-weight:500}.message.ok{color:var(--ok)}.message.error{color:var(--danger)}