:root{color:#111827;background:#fff;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#fff,#fffdf4 220px,#fff 520px),radial-gradient(circle at 88% 8%,rgba(250,204,21,.1),transparent 220px),#fff}button{font:inherit}.app-shell{width:min(1680px,calc(100vw - 40px));margin:0 auto;padding:28px 0 48px}.topbar{display:flex;align-items:center;gap:12px;min-height:56px;margin-bottom:28px}.brand-mark{display:grid;width:36px;height:36px;place-items:center;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#111827;font-weight:800}.brand-name,.brand-subtitle{margin:0}.brand-name{color:#111827;font-weight:800}.brand-subtitle{color:#6b7280;font-size:13px}.topbar-status{display:inline-flex;align-items:center;gap:8px;min-height:30px;margin-left:auto;border:1px solid #e5e7eb;border-radius:999px;padding:0 12px;background:#fff;color:#374151;font-size:13px;font-weight:700}.topbar-action{min-height:34px;padding:0 12px}.status-dot{width:7px;height:7px;border-radius:999px;background:#facc15}.login-shell,.workspace-shell{display:grid;gap:18px}.login-shell{grid-template-columns:minmax(0,.9fr) minmax(360px,.7fr);align-items:stretch}.workspace-shell{grid-template-columns:minmax(104px,max-content) minmax(0,1fr);align-items:start;transition:grid-template-columns .22s ease}.workspace-shell.detail-mode{position:relative;display:block;min-height:calc(100vh - 112px)}.workspace-shell.detail-mode .workspace-main{width:min(1520px,calc(100% - 152px));min-width:0;margin-left:136px;transition:width .22s ease,transform .22s ease,opacity .22s ease}.workspace-shell.detail-mode .stage-panel,.workspace-shell.detail-mode .result-panel{animation:detail-panel-enter .22s ease both}@keyframes detail-panel-enter{0%{opacity:.72;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.upload-workspace{display:grid;grid-template-columns:minmax(0,.76fr) minmax(560px,1.24fr);gap:18px;align-items:stretch}.intro-panel,.review-panel,.stage-panel,.result-panel,.login-panel,.project-sidebar{border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 12px 30px #1118270d}.intro-panel,.review-panel,.stage-panel,.result-panel,.login-panel,.project-sidebar{padding:28px}.intro-panel{min-height:420px}.review-panel,.workspace-main{min-width:0}.login-panel{display:flex;min-height:420px;flex-direction:column;justify-content:center}.login-panel .primary-button{width:100%;margin-top:4px}.login-note{margin:14px 0 0;font-size:13px}.form-field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;color:#374151;font-size:14px;font-weight:800}.form-field input{width:100%;min-height:42px;border:1px solid #d1d5db;border-radius:8px;padding:0 12px;background:#fff;color:#111827;font:inherit}.form-field input:focus{border-color:#2563eb;outline:2px solid #bfdbfe}.project-sidebar{position:sticky;top:18px;width:310px;max-height:calc(100vh - 56px);overflow:auto;transition:width .18s ease,padding .18s ease}.project-sidebar.collapsed{width:104px;padding:12px;overflow:hidden}.workspace-shell.detail-mode .project-sidebar.collapsed{position:absolute;left:0;top:0}.project-sidebar-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.project-sidebar.collapsed .project-sidebar-header{align-items:flex-start;flex-direction:column;margin-bottom:12px}.project-sidebar-actions{display:inline-flex;gap:8px}.project-sidebar.collapsed .project-sidebar-header h2{font-size:14px;line-height:1.25}.project-sidebar.collapsed .project-sidebar-header .eyebrow,.project-sidebar.collapsed .project-row-files,.project-sidebar.collapsed .project-row-date,.project-sidebar.collapsed .project-expanded-only{display:none}.create-project-button{width:100%;margin-bottom:14px}.return-project-list-button{display:none}.project-sidebar.collapsed .return-project-list-button{display:grid}.project-list{display:flex;flex-direction:column;gap:8px}.project-row{position:relative;display:flex;width:100%;min-height:118px;flex-direction:column;align-items:stretch;border:1px solid #e5e7eb;border-radius:8px;padding:12px;background:#fff;color:#111827;text-align:left;cursor:pointer}.project-sidebar.collapsed .project-row{min-height:102px;padding:9px}.project-row:hover,.project-row.active{border-color:#bfdbfe;background:#f8fbff}.project-row.active{border-color:#2563eb}.current-project-pill{width:fit-content;margin-bottom:8px;border-radius:999px;padding:3px 10px;background:#2563eb;color:#fff;font-size:12px;font-weight:850;white-space:nowrap}.project-row-title{max-width:210px;overflow-wrap:anywhere;font-weight:850;line-height:1.35}.project-sidebar.collapsed .project-row-title{display:-webkit-box;max-width:68px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:13px}.project-row-meta,.project-row-files,.project-row-date{margin-top:6px;color:#6b7280;font-size:12px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}.project-delete{position:absolute;right:10px;top:10px;border:1px solid #fee2e2;border-radius:999px;padding:3px 8px;background:snow;color:#dc2626;font-size:12px;font-weight:800}.panel-heading,.result-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:24px}.step-pill{display:inline-flex;align-items:center;justify-content:center;width:40px;height:32px;border:1px solid #e5e7eb;border-radius:999px;background:#fffbeb;color:#1f2937;font-weight:800}.eyebrow{margin:0 0 10px;color:#2563eb;font-size:12px;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:640px;margin-bottom:14px;color:#111827;font-size:40px;line-height:1.08;font-weight:780}h2{margin-bottom:0;color:#111827;font-size:24px;line-height:1.2}h3{margin-bottom:0;color:#111827;font-size:16px}.hero-copy,.muted{color:#6b7280;line-height:1.7}.hero-copy{max-width:440px;margin-bottom:28px;font-size:16px}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:28px}.metric-item{min-height:82px;border:1px solid #e5e7eb;border-radius:8px;padding:14px;background:#fff}.metric-item span{display:block;color:#111827;font-size:28px;font-weight:820;line-height:1}.metric-item small{display:block;margin-top:8px;color:#6b7280;font-weight:700}.upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.upload-card{min-width:0}.upload-card-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.file-glyph{display:inline-grid;width:30px;height:30px;place-items:center;border-radius:8px;background:#f3f4f6;color:#374151;font-size:14px;font-weight:850}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.upload-placeholder,.selected-file{display:flex;min-height:112px;align-items:center;justify-content:center;gap:10px;color:#111827;text-align:center}.upload-placeholder{flex-direction:column;font-weight:760}.upload-placeholder small{color:#6b7280;font-size:12px;font-weight:700}.upload-icon{display:grid;width:36px;height:36px;place-items:center;border:1px solid #e5e7eb;border-radius:999px;background:#fff;color:#2563eb;font-size:22px;line-height:1}.selected-file{justify-content:space-between;text-align:left}.file-name{overflow-wrap:anywhere;color:#111827;font-weight:760}.icon-button{display:grid;width:34px;height:34px;place-items:center;border:1px solid #e5e7eb;border-radius:8px;padding:0;background:#fff;color:#374151;cursor:pointer;flex:0 0 auto;line-height:1;transition:background .16s ease,border-color .16s ease}.icon-button:hover{border-color:#d1d5db;background:#f9fafb}.field-error,.error-text{margin:12px 0 0;color:#dc2626;font-weight:700}.submit-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:26px;border-top:1px solid #e5e7eb;padding-top:22px}.submit-hint{margin:0;color:#6b7280;font-size:14px;font-weight:700}.primary-button,.secondary-button{min-height:44px;border:0;border-radius:8px;padding:0 18px;font-weight:800;cursor:pointer;transition:background .16s ease,border-color .16s ease}.primary-button{background:#111827;color:#fff}.primary-button:hover:not(:disabled){background:#1f2937}.secondary-button{border:1px solid #e5e7eb;background:#fff;color:#111827}.secondary-button:hover:not(:disabled){border-color:#d1d5db;background:#f9fafb}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.5}.progress-panel{max-width:760px;margin:42px auto 0}.progress-orb{display:grid;width:92px;height:92px;margin-bottom:22px;place-items:center;border:1px solid #e5e7eb;border-radius:999px;background:#fff;color:#111827;font-size:22px;font-weight:850}.progress-copy{max-width:560px}.progress-shell{width:100%;height:12px;margin-top:28px;overflow:hidden;border-radius:999px;background:#f3f4f6}.progress-fill{height:100%;border-radius:999px;background:#2563eb;transition:width .32s ease}.progress-meta{display:flex;justify-content:space-between;margin:10px 0 20px;color:#374151;font-weight:800}.progress-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:24px}.progress-steps span{border:1px solid #e5e7eb;border-radius:8px;padding:10px 8px;background:#fff;color:#6b7280;text-align:center;font-size:13px;font-weight:760}.progress-steps span.active{border-color:#bfdbfe;background:#f8fbff;color:#2563eb}.error-box{margin-top:20px;padding:16px;border:1px solid #fecaca;border-radius:8px;background:snow;color:#b91c1c}.result-panel{padding:24px}.result-header{align-items:center;margin-bottom:20px}.summary-strip{display:flex;gap:8px;margin-left:auto}.summary-card{display:flex;min-width:88px;flex-direction:column;border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px;background:#fff;color:#6b7280;font-size:12px;font-weight:760;text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease}.summary-card:hover,.summary-card.active{border-color:#2563eb;background:#f8fbff;color:#2563eb}.summary-card strong{color:#111827;font-size:20px;line-height:1.1}.summary-card.active strong{color:#2563eb}.result-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.result-filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;color:#6b7280;font-size:13px;font-weight:800}.filter-chip{min-height:32px;border:1px solid #e5e7eb;border-radius:999px;padding:0 12px;background:#fff;color:#374151;font:inherit;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease}.filter-chip:hover,.filter-chip.active{border-color:#2563eb;background:#eff6ff;color:#2563eb}.filter-count{margin-left:auto;color:#6b7280;font-weight:760}.table-wrap{max-height:calc(100vh - 250px);min-height:520px;overflow:auto;border:1px solid #e5e7eb;border-radius:8px;background:#fff}table{width:100%;min-width:1360px;border-collapse:collapse}th,td{padding:14px 13px;border-bottom:1px solid #e5e7eb;vertical-align:top;text-align:left;font-size:14px;line-height:1.58}th{position:sticky;top:0;z-index:1;background:#f9fafb;color:#374151;font-size:13px;font-weight:850}tbody tr{transition:background .16s ease}tbody tr:hover{background:#fbfdff}tr:last-child td{border-bottom:0}.status-badge{display:inline-flex;min-width:74px;min-height:28px;align-items:center;justify-content:center;border-radius:999px;padding:3px 10px;font-weight:850;white-space:nowrap}.quote-cell{display:flex;flex-direction:column;gap:8px;max-width:300px;color:#1f2937}.link-button{width:fit-content;border:1px solid #e5e7eb;border-radius:999px;padding:3px 9px;background:#fff;color:#2563eb;font-size:12px;font-weight:800;cursor:pointer}@media(max-width:980px){.upload-workspace,.login-shell,.workspace-shell{grid-template-columns:1fr}.workspace-shell.detail-mode{display:grid;min-height:0}.workspace-shell.detail-mode .workspace-main{width:100%;margin-left:0}.project-sidebar{position:static;max-height:none}.workspace-shell.detail-mode .project-sidebar.collapsed{position:static}.intro-panel{min-height:auto}.result-header{align-items:flex-start;flex-direction:column}.summary-strip{margin-left:0}.filter-count{width:100%;margin-left:0}}@media(max-width:760px){.app-shell{width:min(100vw - 20px,1180px);padding:18px 0 32px}.topbar{align-items:flex-start}.topbar-status{display:none}.intro-panel,.review-panel,.stage-panel,.result-panel,.login-panel,.project-sidebar{padding:18px}.intro-panel{min-height:auto}.upload-grid,.progress-steps{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-item{min-height:72px;padding:12px 8px}.metric-item span{font-size:24px}.metric-item small{font-size:12px}h1{font-size:30px}.submit-row,.panel-heading{align-items:stretch;flex-direction:column}.summary-strip,.result-actions{width:100%}.summary-strip{flex-direction:column}.primary-button,.secondary-button{width:100%}}