:root{--bg: #f9fafb;--text: #111827;--border: #e5e7eb;--primary: #2563eb;--primary-hover: #1d4ed8;--surface: #ffffff;--error: #ef4444;--error-bg: #fef2f2;--muted: #6b7280;--radius: 8px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;background-color:var(--bg);color:var(--text);line-height:1.5}a{text-decoration:none;color:inherit}.loading{display:flex;justify-content:center;align-items:center;min-height:100vh;color:var(--muted)}.container{max-width:600px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column}.container.center{justify-content:center}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header h2{font-size:20px}.main-content{display:flex;flex-direction:column;gap:20px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:0 1px 3px #0000000d}.form{display:flex;flex-direction:column;gap:16px}.form h2{margin-bottom:8px;text-align:center}input[type=text],input[type=password],select,input[type=file]{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:16px;background:var(--surface)}input[type=file]{padding:8px}button,.btn{display:inline-flex;justify-content:center;align-items:center;padding:10px 16px;background-color:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-size:16px;cursor:pointer;transition:background-color .2s;text-align:center}button:hover,.btn:hover{background-color:var(--primary-hover)}button:disabled{opacity:.7;cursor:not-allowed}.btn-outline{background-color:transparent;color:var(--text);border:1px solid var(--border)}.btn-outline:hover{background-color:var(--bg)}.btn-sm{padding:6px 12px;font-size:14px}.error{padding:10px;background-color:var(--error-bg);color:var(--error);border-radius:var(--radius);font-size:14px}.upload-status{display:flex;flex-direction:column;gap:8px}.upload-status-line{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:14px}.progress{width:100%;height:10px;border-radius:999px;background:var(--border);overflow:hidden}.progress-bar{height:100%;background:var(--primary);transition:width .15s linear}.result{margin-top:16px;padding-top:16px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:12px;text-align:center}h3{margin-bottom:16px;font-size:18px}.file-list{list-style:none;display:flex;flex-direction:column;gap:12px}.file-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;background:var(--bg);border-radius:var(--radius)}.file-name{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.muted{color:var(--muted);text-align:center}@media (max-width: 480px){.container,.card{padding:16px}}