:root{color:#f7f8f8;font-synthesis:none;text-rendering:optimizelegibility;--canvas:#010102;--surface-1:#0f1011;--surface-2:#141516;--surface-3:#18191a;--surface-4:#1d1f22;--hairline:#23252a;--hairline-strong:#34343a;--hairline-tertiary:#3e3e44;--ink:#f7f8f8;--ink-muted:#d0d6e0;--ink-subtle:#8a8f98;--ink-tertiary:#62666d;--accent:#5e6ad2;--accent-hover:#828fff;--success:#27a644;--warning:#d99139;--danger:#d84f5b;--radius:8px;background:#010102;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--ink);background:var(--canvas);margin:0}button,input{font:inherit}button{color:inherit}.app-shell{background:var(--canvas);grid-template-columns:minmax(340px,410px) minmax(0,1fr);height:100vh;display:grid;overflow:hidden}.auth-shell{background:var(--canvas);place-items:center;min-height:100vh;padding:28px;display:grid;position:relative}.auth-shell:before,.portal-shell:before{pointer-events:none;content:"";background-color:#0000;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:36px 36px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000d1,#0000 76%);mask-image:linear-gradient(#000000d1,#0000 76%)}.auth-layout{grid-template-columns:minmax(0,1.05fr) minmax(360px,440px);align-items:center;gap:28px;width:min(1080px,100%);display:grid;position:relative}.auth-layout.compact{grid-template-columns:minmax(320px,420px)}.auth-intro{align-content:center;gap:22px;min-height:520px;padding:26px 0;display:grid}.auth-intro .brand-mark{width:46px;height:46px}.auth-kicker{color:var(--accent-hover);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:750}.auth-intro h1{max-width:620px;color:var(--ink);letter-spacing:0;margin:0;font-size:46px;font-weight:720;line-height:1.05}.auth-copy{max-width:560px;color:var(--ink-muted);margin:14px 0 0;font-size:15px;line-height:1.7}.auth-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:690px;display:grid}.auth-flow div{border:1px solid var(--hairline);border-radius:var(--radius);background:#0f1011c7;gap:7px;min-height:132px;padding:13px;display:grid}.auth-flow span{color:var(--accent-hover);font-size:11px;font-weight:760}.auth-flow strong{color:var(--ink);font-size:13px}.auth-flow p{color:var(--ink-subtle);margin:0;font-size:12px;line-height:1.55}.auth-panel{border:1px solid var(--hairline);border-radius:var(--radius);background:var(--surface-1);gap:14px;width:min(420px,100%);padding:18px;display:grid;box-shadow:0 24px 80px #0000006b}.auth-panel.elevated{background:linear-gradient(#131417,#0d0e10);width:100%;padding:20px}.auth-panel h2,.auth-panel p{margin:0}.auth-panel h2{font-size:21px;font-weight:680}.auth-panel h2+p{color:var(--ink-subtle);margin-top:6px;font-size:12px;line-height:1.5}.auth-submit{min-height:40px}.portal-shell{background:var(--canvas);min-height:100vh;padding:28px;position:relative}.portal-panel{gap:18px;width:min(1040px,100%);margin:0 auto;display:grid;position:relative}.portal-header{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:14px;padding-bottom:12px;display:flex}.project-overview-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.project-overview-strip div{border:1px solid var(--hairline);border-radius:var(--radius);background:var(--surface-1);gap:4px;padding:13px;display:grid}.project-overview-strip strong{color:var(--ink);font-size:24px;font-weight:680;line-height:1}.project-overview-strip span{color:var(--ink-subtle);font-size:12px}.portal-actions{align-items:center;gap:8px;display:inline-flex}.project-create-panel{border:1px solid var(--hairline);border-radius:var(--radius);background:linear-gradient(180deg, #121316, var(--surface-1));grid-template-columns:minmax(240px,1fr) auto;align-items:end;gap:10px;padding:14px;display:grid;box-shadow:inset 0 1px #ffffff09}.project-grid-section{gap:12px;display:grid}.project-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;display:grid}.project-card{border:1px solid var(--hairline);border-radius:var(--radius);background:linear-gradient(180deg, #121316, var(--surface-1));min-height:124px;transition:border-color .16s,transform .16s,background .16s;position:relative}.project-card-main{width:100%;height:100%;min-height:122px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;gap:7px;padding:14px 42px 14px 14px;display:grid}.project-card-main strong,.current-project-card strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:650;overflow:hidden}.project-card-main span,.project-card-main small,.current-project-card span{color:var(--ink-subtle);font-size:12px}.project-card:hover{background:linear-gradient(#151722,#101113);border-color:#5e6ad280;transform:translateY(-1px)}.project-card-status{align-items:center;gap:7px;display:inline-flex}.project-owner-line{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-pill-row{flex-wrap:wrap;gap:6px;display:flex}.status-dot{background:var(--warning);border-radius:999px;width:7px;height:7px}.status-dot.success{background:var(--success)}.icon-danger{border:1px solid var(--hairline-strong);width:28px;height:28px;color:var(--ink-subtle);cursor:pointer;background:#0b0c0e;border-radius:6px;place-items:center;display:grid;position:absolute;top:10px;right:10px}.icon-danger:hover:not(:disabled){color:#fff;background:#d84f5b38;border-color:#d84f5b80}.current-project-card{border:1px solid var(--hairline);background:#0b0c0e;border-radius:6px;gap:8px;padding:10px;display:grid}.project-name-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.compact-save-action{white-space:nowrap;min-height:34px;padding-inline:14px}.project-scan-pill{border:1px solid var(--hairline);color:var(--ink-subtle);background:#090a0b;border-radius:999px;justify-self:start;padding:3px 7px}@media (width<=720px){.portal-shell{padding:16px}.portal-header{flex-direction:column;align-items:flex-start}.project-create-panel,.project-overview-strip,.project-name-row{grid-template-columns:1fr}.auth-shell{padding:16px}.auth-layout{grid-template-columns:1fr;gap:18px}.auth-intro{min-height:auto;padding:10px 0 0}.auth-intro h1{font-size:30px}.auth-flow{grid-template-columns:1fr}}.compact-field{gap:5px}.compact-field input{min-height:34px}.modal-backdrop{z-index:40;background:#010102b8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.confirm-dialog{border:1px solid var(--hairline-strong);border-radius:var(--radius);background:var(--surface-1);gap:12px;width:min(420px,100%);padding:16px;display:grid}.confirm-dialog h2,.confirm-dialog p{margin:0}.confirm-dialog h2{font-size:16px;font-weight:650}.confirm-dialog p{color:var(--ink-muted);font-size:13px;line-height:1.55}.auth-tabs{border:1px solid var(--hairline);border-radius:var(--radius);background:#0b0c0e;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;display:grid}.auth-tabs button{min-height:34px;color:var(--ink-subtle);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px}.auth-tabs button.is-active{color:var(--ink);background:#5e6ad22e;border-color:#5e6ad26b}.control-rail{border-right:1px solid var(--hairline);background:#07080a;flex-direction:column;gap:12px;min-height:0;padding:16px;display:flex;overflow-y:auto}.brand-block{align-items:center;gap:12px;padding:4px 2px 10px;display:flex}.brand-block>div:nth-child(2){flex:1;min-width:0}.header-action{border:1px solid var(--hairline-strong);min-height:30px;color:var(--ink-subtle);cursor:pointer;background:#0b0c0e;border-radius:6px;padding:0 10px}.header-action:hover:not(:disabled){color:var(--ink);border-color:var(--hairline-tertiary)}.header-action:disabled{color:var(--ink-tertiary);cursor:not-allowed}.brand-mark{border-radius:var(--radius);color:#fff;background:var(--accent);border:1px solid #828fff6b;place-items:center;width:38px;height:38px;display:grid;box-shadow:inset 0 0 0 1px #ffffff0d}.brand-block h1,.brand-block p,.section-title h2{margin:0}.brand-block h1{letter-spacing:0;font-size:20px;font-weight:650;line-height:1.1}.brand-block p{color:var(--ink-subtle);margin-top:4px;font-size:12px;line-height:1.35}.stage-nav{border:1px solid var(--hairline);border-radius:var(--radius);background:#0b0c0e;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:4px;display:grid}.stage-nav a{min-width:0;min-height:34px;color:var(--ink-subtle);border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.stage-nav a span{border:1px solid var(--hairline-strong);width:18px;height:18px;color:var(--ink-tertiary);border-radius:999px;place-items:center;font-size:10px;display:grid}.stage-nav a.is-active{color:var(--ink);background:#5e6ad22e;border-color:#5e6ad26b}.stage-nav a.is-active span{color:#fff;border-color:var(--accent);background:var(--accent)}.tool-section{border:1px solid var(--hairline);border-radius:var(--radius);background:var(--surface-1);gap:12px;padding:13px;display:grid;box-shadow:inset 0 1px #ffffff08}.project-list{gap:6px;display:grid}.admin-user-list{gap:8px;padding-bottom:4px;display:grid}.admin-user-item{border:1px solid var(--hairline);background:#0b0c0e;border-radius:6px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 10px;display:grid}.admin-user-item strong,.admin-user-item span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.admin-user-item strong{color:var(--ink);font-size:13px;font-weight:650}.admin-user-item span{color:var(--ink-subtle);margin-top:3px;font-size:11px}.admin-user-actions{gap:6px;display:inline-flex}.project-item{border:1px solid var(--hairline);width:100%;min-height:48px;color:var(--ink-muted);text-align:left;cursor:pointer;background:#0b0c0e;border-radius:6px;gap:3px;padding:9px 10px;display:grid}.project-item strong{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;overflow:hidden}.project-item span,.empty-text{color:var(--ink-subtle);margin:0;font-size:11px}.project-item.is-active{background:#5e6ad229;border-color:#5e6ad294}.workflow-panel,.stage-section{gap:14px}.section-title{color:var(--ink-muted);align-items:center;gap:8px;display:flex}.section-title svg{color:var(--ink-tertiary)}.section-title h2{color:var(--ink);letter-spacing:0;font-size:14px;font-weight:620}.single-field,.field-grid label{gap:6px;display:grid}.single-field span,.field-grid span,.field-label,.metrics dt{color:var(--ink-subtle);font-size:11px;font-weight:650;line-height:1.35}.single-field input,.input-with-unit{border:1px solid var(--hairline-strong);width:100%;min-height:36px;color:var(--ink);background:#0b0c0e;border-radius:6px;outline:0}.single-field input{padding:0 10px}.single-field input::placeholder{color:var(--ink-tertiary)}.single-field input:disabled,.input-with-unit input:disabled{color:var(--ink-tertiary);background:#090a0b}.single-field input:focus,.input-with-unit:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px #5e6ad247}.file-drop{border:1px dashed var(--hairline-strong);border-radius:var(--radius);background:#0b0c0e;align-items:center;gap:12px;min-height:68px;padding:12px;display:flex;position:relative}.file-drop input{display:none}.file-drop.is-disabled{opacity:.62}.icon-button{cursor:pointer;border:0;border-radius:7px;place-items:center;width:36px;height:36px;display:grid}.file-button{color:#fff;background:var(--accent)}.file-button:hover:not(:disabled){background:var(--accent-hover)}.file-meta{gap:3px;min-width:0;display:grid}.file-meta strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;overflow:hidden}.file-meta small{color:var(--success);font-size:11px;font-weight:700}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.input-with-unit{grid-template-columns:minmax(0,1fr) 40px;align-items:center;display:grid;overflow:hidden}.input-with-unit input{width:100%;height:36px;color:var(--ink);background:0 0;border:0;outline:0;padding:0 10px}.input-with-unit em{height:100%;color:var(--ink-tertiary);border-left:1px solid var(--hairline);background:var(--surface-2);place-items:center;font-size:11px;font-style:normal;font-weight:700;display:grid}.segmented{border:1px solid var(--hairline);background:#090a0b;border-radius:7px;grid-template-columns:1fr;min-height:36px;padding:3px;display:grid}.segmented.two-up{grid-template-columns:1fr 1fr}.segmented.three-up{grid-template-columns:1fr 1fr 1fr}.segmented.four-up{grid-template-columns:repeat(4,minmax(0,1fr))}.segmented button{min-width:0;min-height:30px;color:var(--ink-subtle);cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;gap:6px;padding:0 7px;font-size:12px;font-weight:600;display:inline-flex}.segmented button:disabled{cursor:not-allowed;opacity:.45}.segmented .active{color:#fff;background:var(--surface-4);box-shadow:0 0 0 1px var(--hairline-strong) inset}.selection-readout{border:1px solid var(--hairline);background:#0b0c0e;border-radius:7px;gap:5px;padding:10px;display:grid}.selection-readout span{color:var(--ink-tertiary);font-size:11px;font-weight:700}.selection-readout strong{color:var(--ink-muted);font-size:12px;font-weight:600;line-height:1.4}.workflow-step{border:1px solid var(--hairline);border-radius:var(--radius);background:#0b0c0e;gap:11px;padding:12px;display:grid}.stage-head{border:1px solid var(--hairline);border-radius:var(--radius);background:#0b0c0e;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;padding:11px;display:grid}.route-context-card{background:#5e6ad214;border-color:#5e6ad257;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.route-context-card strong{color:var(--ink);font-size:13px;display:block}.route-context-card p{color:var(--ink-muted);margin:4px 0 0;font-size:12px;line-height:1.5}.stage-section.is-running .stage-head{border-color:#5e6ad280}.stage-section.is-complete .stage-head{border-color:#27a64457}.stage-index{border:1px solid var(--hairline-strong);width:36px;height:36px;color:var(--ink-muted);background:var(--surface-2);border-radius:7px;justify-content:center;align-items:center;gap:3px;font-size:12px;font-weight:750;display:inline-flex}.stage-section.is-running .stage-index{color:#fff;background:#5e6ad240;border-color:#5e6ad28c}.stage-section.is-complete .stage-index{color:#c9f0d3;background:#27a64424;border-color:#27a64461}.stage-head h3,.stage-head p{margin:0}.stage-head h3{color:var(--ink);letter-spacing:0;font-size:14px;font-weight:680}.stage-head p{color:var(--ink-subtle);margin-top:3px;font-size:12px;line-height:1.35}.workflow-step.is-running{border-color:#5e6ad28c;box-shadow:inset 0 0 0 1px #5e6ad224}.workflow-step.is-complete{border-color:#27a64457}.workflow-step-head{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;display:grid}.workflow-step-index{border:1px solid var(--hairline-strong);width:34px;height:34px;color:var(--ink-muted);background:var(--surface-2);border-radius:7px;justify-content:center;align-items:center;gap:3px;font-size:12px;font-weight:750;display:inline-flex}.workflow-step.is-running .workflow-step-index{color:#fff;background:#5e6ad240;border-color:#5e6ad28c}.workflow-step.is-complete .workflow-step-index{color:#c9f0d3;background:#27a64424;border-color:#27a64461}.workflow-step h3,.workflow-step p{margin:0}.workflow-step h3{color:var(--ink);letter-spacing:0;font-size:14px;font-weight:680}.workflow-step p{color:var(--ink-subtle);margin-top:3px;font-size:12px;line-height:1.35}.progress-strip{background:#08090a;border-radius:999px;height:4px;position:relative;overflow:hidden}.progress-strip span{border-radius:inherit;background:linear-gradient(90deg, transparent, var(--accent), var(--accent-hover), transparent);width:42%;animation:1.15s ease-in-out infinite progress-sweep;position:absolute;inset:0}.spin-icon{animation:.95s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes progress-sweep{0%{transform:translate(-120%)}to{transform:translate(240%)}}.primary-action,.download-action,.ghost-action{cursor:pointer;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 12px;font-size:13px;font-weight:650;line-height:1.2;text-decoration:none;display:inline-flex}.primary-action{color:#fff;background:var(--accent);border-color:#828fff73}.primary-action:hover:not(:disabled){background:var(--accent-hover)}.primary-action.compact,.ghost-action{min-height:36px}.primary-action:disabled,.download-action.is-disabled,.ghost-action:disabled{cursor:not-allowed;opacity:.5}.ghost-action{color:var(--ink-muted);border-color:var(--hairline-strong);background:var(--surface-2)}.ghost-action:hover:not(:disabled){color:var(--ink);border-color:var(--hairline-tertiary);background:var(--surface-3)}.ghost-action.is-active{color:#fff;border-color:var(--accent);background:#5e6ad23d}.ghost-action.danger-action{color:#ff9aa2;background:#d84f5b1a;border-color:#d84f5b6b}.action-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.action-row.three-up{grid-template-columns:.85fr 1fr 1fr}.action-row.four-up{grid-template-columns:.8fr 1fr 1fr 1fr}.mini-action-row{grid-template-columns:1fr 1fr;gap:6px;display:grid}.mini-action-row button{border:1px solid var(--hairline-strong);min-height:30px;color:var(--ink-muted);background:var(--surface-2);cursor:pointer;border-radius:6px}.mini-action-row button:disabled{cursor:not-allowed;opacity:.5}.download-action{color:#0b0c0e;background:var(--warning);border-color:#d9913980}.download-action.secondary{color:var(--ink);border-color:var(--hairline-strong);background:var(--surface-3)}.download-action small{color:currentColor;opacity:.66;font-size:11px;font-weight:600}.metrics{gap:8px;margin:0;display:grid}.result-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metrics div{border:1px solid var(--hairline);background:#0b0c0e;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:8px 9px;display:flex}.metrics dd{min-width:0;color:var(--ink);text-align:right;overflow-wrap:anywhere;margin:0;font-size:12px;font-weight:700;line-height:1.35}.timing-list{border:1px solid var(--hairline);background:#0b0c0e;border-radius:6px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0;padding:8px;display:grid}.timing-list div{justify-content:space-between;gap:8px;min-width:0;display:flex}.timing-list dt,.timing-list dd{margin:0;font-size:11px;line-height:1.45}.timing-list dt{color:var(--ink-subtle);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.timing-list dd{color:var(--ink-muted);flex:none;font-weight:650}.status{border:1px solid #0000;border-radius:999px;align-items:center;min-height:22px;padding:0 8px;font-size:11px;font-weight:800;display:inline-flex}.status-idle,.status-queued{color:var(--ink-subtle);border-color:var(--hairline-strong);background:#101114}.status-running{color:#dfe4ff;background:#5e6ad22e;border-color:#5e6ad273}.status-succeeded{color:#c9f0d3;background:#27a64426;border-color:#27a64459}.status-failed{color:#ffc0c5;background:#d84f5b24;border-color:#d84f5b6b}.error-text{color:#ffc0c5;background:#d84f5b1a;border:1px solid #d84f5b59;border-radius:7px;margin:0;padding:10px;font-size:12px;line-height:1.45}.success-text{color:#c9f0d3;background:#27a6441f;border:1px solid #27a64459;border-radius:7px;margin:0;padding:10px;font-size:12px;line-height:1.45}.workspace{background:var(--canvas);min-width:0;height:100vh;padding:14px;overflow:hidden}.viewer-shell{border:1px solid var(--hairline);border-radius:var(--radius);background:#08090b;grid-template-rows:44px minmax(0,1fr);height:calc(100vh - 28px);min-height:420px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff05}.viewer-toolbar{border-bottom:1px solid var(--hairline);background:#0b0c0e;justify-content:space-between;align-items:center;gap:16px;padding:0 14px;display:flex}.viewer-toolbar strong,.viewer-toolbar span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.viewer-toolbar strong{color:var(--ink);font-size:13px;font-weight:650}.viewer-toolbar span{color:var(--ink-subtle);font-size:12px}.viewer-canvas{min-width:0;min-height:0}.viewer-canvas canvas{width:100%;height:100%;display:block}@media (width<=980px){.app-shell{grid-template-columns:1fr;height:auto;min-height:100vh;overflow:visible}.control-rail{border-right:0;border-bottom:1px solid var(--hairline);overflow:visible}.workspace{height:auto;padding:12px;overflow:visible}.viewer-shell{height:64vh}}@media (width<=520px){.field-grid,.result-metrics,.action-row.four-up,.action-row.three-up{grid-template-columns:1fr}.control-rail{padding:12px}.segmented.four-up{grid-template-columns:1fr 1fr}}