:root{color:#152033;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button,.icon-link,.back-link{align-items:center;border:0;cursor:pointer;display:inline-flex;justify-content:center;text-decoration:none}.app-shell{background:#f4f7fb;display:grid;grid-template-columns:292px minmax(0,1fr);min-height:100vh}.project-panel{background:linear-gradient(180deg,#1c2b3eeb,#0d1824fa),#101a26;color:#f7fbff;display:flex;flex-direction:column;gap:22px;min-height:100vh;padding:22px 18px}.brand{align-items:center;display:flex;gap:12px;padding-bottom:18px}.brand-mark{align-items:center;border:1px solid rgba(226,236,247,.78);display:inline-flex;height:38px;justify-content:center;width:38px}.brand-mark span{border:2px solid #eaf3ff;height:17px;transform:rotate(45deg);width:17px}.brand strong,.brand small,.project-item strong,.project-item small{display:block}.brand strong{font-size:18px;line-height:1.2}.brand small{color:#b8c7d8;font-size:13px;margin-top:4px}.project-section{display:grid;gap:12px}.section-label{color:#b7c6d7;font-size:13px}.project-search,.project-form{align-items:center;background:#ffffff0e;border:1px solid rgba(185,204,224,.26);display:grid;min-height:42px}.project-search{color:#b7c6d7;gap:9px;grid-template-columns:auto 1fr;padding:0 12px}.project-search input,.project-form input{background:transparent;border:0;color:#fff;min-width:0;outline:none}.project-search input::placeholder,.project-form input::placeholder{color:#8496aa}.project-form{grid-template-columns:1fr 42px}.project-form input{padding:0 12px}.project-form button{background:transparent;border-left:1px solid rgba(185,204,224,.2);color:#65a7ff;height:42px}.project-list{border-left:1px solid rgba(185,204,224,.18);display:flex;flex:1;flex-direction:column;gap:6px;overflow:auto;padding-left:10px}.project-item{align-items:center;background:transparent;color:#eaf2fa;display:grid;gap:12px;grid-template-columns:auto 1fr;justify-content:flex-start;min-height:58px;padding:10px 12px;text-align:left;width:100%}.project-item strong{font-size:14px;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-item small{color:#94a7bb;font-size:12px;margin-top:4px}.project-item.active,.project-item:hover{background:#2f7aff29;color:#dcecff}.project-item.active{box-shadow:inset 3px 0 #2f7aff}.sidebar-footer{border-top:1px solid rgba(185,204,224,.14);display:grid;gap:8px;padding-top:16px}.sidebar-footer button{background:transparent;color:#d8e4f1;gap:10px;justify-content:flex-start;min-height:44px;padding:0 8px}.sidebar-footer button span{color:#9aabba;margin-left:auto}.workspace{padding:26px 28px 36px}.workspace-header{align-items:flex-start;display:flex;gap:18px;justify-content:space-between;margin-bottom:20px}.workspace-title-row{align-items:center;display:flex;gap:12px}.workspace-header h1{font-size:28px;letter-spacing:0;line-height:1.18;margin:0 0 8px}.workspace-header p,.upload-panel p,.empty-state p,.property-panel p{color:#607187;line-height:1.55;margin:0}.project-state,.aps-state,.status,.format-chip{align-items:center;display:inline-flex;font-size:12px;font-weight:700;gap:6px}.project-state{background:#d8f7e7;color:#047857;padding:5px 10px}.header-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.header-actions button,.aps-state,.table-toolbar button{background:#fff;border:1px solid #dbe4ee;color:#24364c;gap:8px;min-height:40px;padding:0 14px}.aps-state{color:#057a55}.metric-grid{background:#fff;border:1px solid #dce5ef;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:22px}.metric-item{align-items:center;display:flex;gap:14px;min-height:98px;padding:18px 22px}.metric-item+.metric-item{border-left:1px solid #e3eaf2}.metric-icon{align-items:center;color:#27405e;display:inline-flex;justify-content:center}.metric-label{color:#596b80;display:block;font-size:13px;margin-bottom:5px}.metric-item strong{color:#101928;font-size:27px;line-height:1}.metric-item small{color:#718096;font-size:13px;font-weight:600;margin-left:8px}.upload-panel{align-items:center;background:#fff;border:1px solid #dce5ef;display:flex;justify-content:space-between;margin-bottom:16px;min-height:132px;padding:18px}.upload-content{align-items:center;border:1px dashed #c7d4e3;color:#2e4864;display:flex;flex:1;gap:18px;min-height:96px;padding:20px 24px}.upload-panel h2,.empty-state h2,.property-panel h2{color:#101928;font-size:18px;line-height:1.25;margin:0 0 7px}.upload-phase{color:#0f766e;display:block;font-weight:700;margin-top:8px}.primary-action{background:#fff;border:1px solid #d5dfeb;color:#17283d;gap:10px;height:44px;margin-left:18px;padding:0 18px;white-space:nowrap}.primary-action:disabled{cursor:not-allowed;opacity:.55}.model-table-wrap,.empty-state{background:#fff;border:1px solid #dce5ef}.table-toolbar{align-items:center;border-bottom:1px solid #e4ebf3;display:flex;justify-content:space-between;min-height:56px;padding:0 16px}.table-search span{color:#102033;display:block;font-weight:700}.table-search small{color:#718096;display:block;font-size:12px;margin-top:3px}.empty-state{align-items:center;color:#607187;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:300px;text-align:center}.model-table{border-collapse:collapse;table-layout:fixed;width:100%}.model-table th,.model-table td{border-bottom:1px solid #e6edf5;padding:14px 16px;text-align:left;vertical-align:middle}.model-table th{background:#fbfcfe;color:#65768b;font-size:12px;font-weight:700}.model-table th:nth-child(1){width:30%}.model-table th:nth-child(2){width:9%}.model-table th:nth-child(3){width:13%}.model-table th:nth-child(4){width:17%}.model-table th:nth-child(5){width:21%}.model-table th:nth-child(6){width:10%}.file-cell{align-items:center;display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr)}.file-cell strong,.file-cell small{display:block}.file-cell strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-cell small,.model-table small{color:#7c8ca0;font-size:12px;margin-top:4px}.format-chip{background:#eef3f8;border:1px solid #dce5ef;color:#3a4c63;padding:4px 8px}.status{background:#eef3f8;color:#334155;padding:5px 9px}.status.success{background:#dcf8ea;color:#057a55}.status.inprogress,.status.pending{background:#fff1d7;color:#b45309}.status.failed,.status.timeout{background:#fee2e2;color:#b42318}.progress-cell{align-items:center;display:grid;gap:10px;grid-template-columns:44px 1fr}.progress-cell span{color:#34465c;font-size:13px}.progress-track{background:#e4ebf3;height:5px;overflow:hidden}.progress-track span{background:#0f8a5f;display:block;height:100%}.progress-track span.failed{background:#b42318}.progress-muted{color:#7c8ca0;font-size:13px}.urn-cell{align-items:center;display:flex;gap:8px;min-width:0}.urn-cell code{color:#5e7085;display:block;font-size:12px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.urn-cell button,.row-actions button,.icon-link,.viewer-actions button{background:#fff;border:1px solid #dbe4ee;color:#31465f;height:34px;width:34px}.row-actions{display:flex;gap:8px}.row-actions .danger-action{color:#a8281d}.row-actions .danger-action:hover{background:#fee2e2;border-color:#fecaca}.error-banner,.viewer-error{background:#fff1f0;border:1px solid #fecaca;color:#991b1b;margin-bottom:16px;padding:12px 14px}.loading{color:#607187;margin-bottom:16px}.viewer-shell{display:grid;grid-template-rows:58px minmax(0,1fr);height:100vh}.viewer-toolbar{align-items:center;background:#111827;color:#fff;display:grid;gap:16px;grid-template-columns:auto 1fr auto;padding:0 18px}.back-link{color:#e5edf6;gap:8px}.viewer-actions{display:flex;gap:8px}.viewer-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;min-height:0}.viewer-canvas{background:#20252d;min-height:0;position:relative}.viewer-message{background:#fffffff0;left:24px;padding:12px 14px;position:absolute;top:24px;z-index:2}.property-panel{background:#fff;border-left:1px solid #d9e1ea;overflow:auto;padding:18px}.property-panel dl{display:grid;gap:12px;margin:0}.property-panel dt{color:#607080;font-size:12px}.property-panel dd{margin:3px 0 0;overflow-wrap:anywhere}@media(max-width:1100px){.app-shell{grid-template-columns:260px minmax(0,1fr)}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-item+.metric-item{border-left:0}.metric-item:nth-child(2n){border-left:1px solid #e3eaf2}.metric-item:nth-child(n+3){border-top:1px solid #e3eaf2}}@media(max-width:900px){.app-shell,.viewer-layout{grid-template-columns:1fr}.project-panel{min-height:auto}.workspace-header,.upload-panel{align-items:stretch;flex-direction:column}.primary-action{margin-left:0;width:fit-content}.model-table-wrap{overflow-x:auto}.model-table{min-width:920px}.property-panel{border-left:0;border-top:1px solid #d9e1ea;max-height:35vh}}
