:root{--bg: #fafafa;--surface: #ffffff;--border: #e2e2e5;--text: #18181b;--text-muted: #71717a;--accent: #4f46e5;--accent-hover: #4338ca;--danger: #dc2626;--danger-hover: #b91c1c;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app{max-width:640px;margin:0 auto;padding:64px 24px 80px}.app__header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:32px}.app__account{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--text-muted);white-space:nowrap}.app__header h1{font-size:22px;font-weight:600;margin:0 0 4px;letter-spacing:-.01em}.app__subtitle{margin:0;color:var(--text-muted);font-size:14px}.upload{border:1.5px dashed var(--border);border-radius:12px;background:var(--surface);padding:36px 20px;text-align:center;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.upload:hover{border-color:var(--accent)}.upload--dragging{border-color:var(--accent);background:#f5f4ff}.upload__hint{margin:0;color:var(--text-muted);font-size:14px}.upload__progress{position:relative;height:8px;background:var(--border);border-radius:999px;overflow:hidden;margin:4px 0}.upload__bar{height:100%;background:var(--accent);border-radius:999px;transition:width .15s ease}.upload__progress span{position:absolute;top:14px;left:50%;transform:translate(-50%);font-size:12px;color:var(--text-muted)}.error{color:var(--danger);font-size:13px;margin:12px 0 0}.hint{color:var(--text-muted);font-size:14px;margin-top:32px}.files{width:100%;border-collapse:collapse;margin-top:32px;font-size:14px}.files th{text-align:left;font-weight:500;color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em;padding:0 12px 8px;border-bottom:1px solid var(--border)}.files td{padding:12px;border-bottom:1px solid var(--border);white-space:nowrap}.files tr:last-child td{border-bottom:none}.files__name{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.files td:last-child{text-align:right}.download{color:var(--accent);text-decoration:none;font-weight:500}.download:hover{color:var(--accent-hover);text-decoration:underline}.files__checkbox{width:32px}.files tr.is-selected{background:#f9f9ff}.link-button{background:none;border:none;padding:0;color:var(--accent);font-size:inherit;font-family:inherit;cursor:pointer}.link-button:hover{color:var(--accent-hover);text-decoration:underline}button[type=submit],.selection-bar button:not(.link-button){background:var(--accent);color:#fff;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:500;font-family:inherit;cursor:pointer;transition:background-color .15s ease}button[type=submit]:hover,.selection-bar button:not(.link-button):hover{background:var(--accent-hover)}button[type=submit]:disabled,.selection-bar button:disabled{opacity:.6;cursor:default}.selection-bar button.danger{background:var(--danger)}.selection-bar button.danger:hover{background:var(--danger-hover)}.app--auth{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px}.auth{width:100%;max-width:320px;text-align:center}.auth h1{font-size:22px;font-weight:600;margin:0 0 4px;letter-spacing:-.01em}.auth__form{display:flex;flex-direction:column;gap:10px;margin:24px 0 16px}.auth__form input{padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px;font-family:inherit}.auth__form input:focus{outline:none;border-color:var(--accent)}.selection-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:20px;padding:10px 16px;background:#f5f4ff;border:1px solid #e0deff;border-radius:10px;font-size:14px}.selection-bar__actions{display:flex;gap:8px}.selection-bar button{padding:6px 14px;font-size:13px}
