:root{--color-bg: #f5f6fa;--color-surface: #ffffff;--color-border: #e4e7ec;--color-text: #1a1d29;--color-text-muted: #666e7d;--color-text-faint: #94989f;--color-accent: #4f5eff;--color-accent-hover: #3d4bf5;--color-accent-soft: #eef0ff;--color-success: #16a34a;--color-success-soft: #eafaf0;--color-error: #dc2626;--color-error-soft: #fdecec;--color-warning: #d97706;--shadow-card: 0 1px 2px rgba(16, 24, 40, .04), 0 1px 3px rgba(16, 24, 40, .06);--radius-lg: 16px;--radius-md: 10px;--radius-sm: 6px}@media (prefers-color-scheme: dark){:root{--color-bg: #0f1115;--color-surface: #171a21;--color-border: #2a2e38;--color-text: #eef0f4;--color-text-muted: #9aa1ad;--color-text-faint: #6b7280;--color-accent: #6c7bff;--color-accent-hover: #7f8dff;--color-accent-soft: #1c2040;--color-success: #3ecb72;--color-success-soft: #10281a;--color-error: #f16565;--color-error-soft: #2e1616;--color-warning: #f0a742}}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}.page{max-width:640px;margin:0 auto;padding:40px 16px 64px;display:flex;flex-direction:column;gap:24px}.page-header{text-align:center}.page-header h1{font-size:1.6rem;margin:0 0 6px;letter-spacing:-.01em}.subtitle{color:var(--color-text-muted);margin:0;font-size:.95rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:24px;display:flex;flex-direction:column;gap:18px}.field label{display:block;font-size:.85rem;font-weight:600;margin-bottom:6px}.field .optional{font-weight:400;color:var(--color-text-faint)}.field textarea{width:100%;resize:vertical;min-height:44px;font-family:inherit;font-size:.9rem;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text)}.field textarea:focus{outline:2px solid var(--color-accent);outline-offset:-1px}.resume-banner[hidden]{display:none}.resume-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--color-accent-soft);color:var(--color-accent);border-radius:var(--radius-md);padding:10px 14px;font-size:.85rem}.link-button{background:none;border:none;color:inherit;text-decoration:underline;cursor:pointer;font-size:inherit;padding:0}.dropzone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:40px 20px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:border-color .15s ease,background-color .15s ease;text-align:center}.dropzone:hover,.dropzone:focus-visible{border-color:var(--color-accent);background:var(--color-accent-soft);outline:none}.dropzone.drag-active{border-color:var(--color-accent);background:var(--color-accent-soft)}.dropzone-icon{color:var(--color-accent);margin-bottom:4px}.dropzone-title{font-weight:600;margin:0;font-size:1.05rem}.dropzone-subtitle{margin:0;color:var(--color-text-faint);font-size:.85rem}.browse-button{margin-top:6px;background:var(--color-accent);color:#fff;border:none;padding:9px 18px;border-radius:999px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background-color .15s ease}.browse-button:hover{background:var(--color-accent-hover)}.upload-slot{display:flex;flex-direction:column;gap:10px}.slot-title{margin:0;font-size:.95rem;font-weight:600}.dropzone-slot{padding:22px 16px}.dropzone-slot .dropzone-title{font-size:.95rem}.pair-status{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:16px;border-radius:var(--radius-md);background:var(--color-success-soft);color:var(--color-success);font-size:.9rem}.pair-status[hidden]{display:none}.pair-status.pair-status-warning{background:var(--color-error-soft);color:var(--color-warning)}.pair-status .link-button{color:inherit}.file-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.file-card{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:14px}.file-card-main{display:flex;gap:12px;align-items:flex-start}.file-icon{color:var(--color-text-faint);flex-shrink:0;margin-top:2px}.file-card[data-status=completed] .file-icon{color:var(--color-success)}.file-card[data-status=failed] .file-icon,.file-card[data-status=cancelled] .file-icon{color:var(--color-error)}.file-info{flex:1;min-width:0}.file-name-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.file-name{font-weight:600;font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-status-badge{font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:999px;background:var(--color-bg);color:var(--color-text-muted);white-space:nowrap;flex-shrink:0}.file-card[data-status=completed] .file-status-badge{background:var(--color-success-soft);color:var(--color-success)}.file-card[data-status=failed] .file-status-badge,.file-card[data-status=cancelled] .file-status-badge{background:var(--color-error-soft);color:var(--color-error)}.file-card[data-status=uploading] .file-status-badge,.file-card[data-status=retrying] .file-status-badge,.file-card[data-status=completing] .file-status-badge{background:var(--color-accent-soft);color:var(--color-accent)}.progress-track{height:7px;border-radius:999px;background:var(--color-bg);overflow:hidden;margin-bottom:6px}.progress-fill{height:100%;width:0%;background:var(--color-accent);border-radius:999px;transition:width .2s ease}.file-card[data-status=completed] .progress-fill{background:var(--color-success)}.file-card[data-status=failed] .progress-fill,.file-card[data-status=cancelled] .progress-fill{background:var(--color-error)}.file-meta-row{display:flex;justify-content:space-between;gap:10px;font-size:.78rem;color:var(--color-text-muted)}.file-meta-secondary{text-align:right;flex-shrink:0}.file-actions{display:flex;gap:6px;flex-shrink:0;margin-top:2px}.icon-button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);border-radius:var(--radius-sm);width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s ease,color .15s ease}.icon-button:hover{background:var(--color-bg);color:var(--color-text)}.file-error{margin-top:10px;font-size:.8rem;color:var(--color-error);background:var(--color-error-soft);border-radius:var(--radius-sm);padding:8px 10px}.page-footer{text-align:center;color:var(--color-text-faint);font-size:.78rem}@media (max-width: 480px){.page{padding:24px 12px 48px}.card{padding:16px;border-radius:var(--radius-md)}.dropzone{padding:28px 14px}.file-meta-row{flex-direction:column;gap:2px}.file-meta-secondary{text-align:left}}