:root{color:#e8eeed;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--surface:#181e20;--border:#303a3d;--muted:#a5b2b5;--accent:#a8d8bf;--error:#f1aba0;background:#111618;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}.mono{font-variant-numeric:tabular-nums;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.good{color:var(--accent)}.bad,.failure-reason{color:var(--error)}.dashboard{max-width:1440px;margin:auto;padding:0 40px}.header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:28px;min-height:112px;display:flex}.brand{align-items:center;gap:18px;display:flex}.brand-mark{border:1px solid #617c6e;grid-template-columns:repeat(2,10px);gap:4px;padding:10px;display:grid}.brand-mark i{background:var(--accent);width:10px;height:10px}.brand-mark i:last-child{border:1px solid var(--accent);background:0 0}.eyebrow{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:600}.brand h1{margin-top:7px;font-size:21px;font-weight:600}.connections{gap:24px;font-size:12px;display:flex}.connections>span{color:var(--muted);grid-template-columns:7px auto;align-items:center;gap:7px 9px;display:grid}.connections strong{color:#e8eeed;grid-column:2;font-weight:500}.dot{background:currentColor;border-radius:50%;width:6px;height:6px}.dot.muted{color:#829094}main{padding:32px 0}.intro{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px;display:flex}.intro h2{margin-top:8px;font-size:30px;font-weight:500}.intro>p{color:#bcc8ca;padding-bottom:4px;font-size:13px}.intro>p span{color:#5e7370;margin:0 6px}.task-panel{border:1px solid #465b51;border-top:3px solid var(--accent);background:#202a2a;margin-bottom:24px;padding:24px}.task-heading{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.task-heading label{font-size:16px;font-weight:600}.badge{text-transform:capitalize;white-space:nowrap;border:1px solid #4a5758;border-radius:3px;align-items:center;width:fit-content;padding:5px 9px;font-size:11px;display:inline-flex}.badge.good{background:#24382f;border-color:#4e715e}.badge.bad{background:#382a29;border-color:#80504b}form{align-items:stretch;gap:16px;display:flex}textarea{color:#f0f5f4;resize:vertical;background:#111a1b;border:1px solid #495c59;border-radius:3px;width:100%;min-height:74px;padding:15px 16px;line-height:1.5}button{background:var(--accent);color:#14251e;border:none;border-radius:3px;justify-content:center;align-items:center;gap:24px;min-width:164px;padding:14px 22px;font-weight:600;display:flex}button:hover:not(:disabled){background:#c1e6d2}.note{color:var(--muted);font-size:12px;line-height:1.65}.task-panel>.note{margin-top:11px}.error{border-left:2px solid var(--error);background:#322725;margin-top:18px;padding:16px}.error strong{color:var(--error)}.error p{margin:8px 0;font-size:13px;line-height:1.6}.error small{color:var(--muted)}.result-banner{border-top:1px solid #42564c;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:18px;padding-top:18px;font-size:13px;display:flex}.result-banner strong{color:var(--accent)}.result-banner.failure strong{color:var(--error)}.result-banner>span:last-of-type{color:var(--muted);margin-left:auto}.result-banner p{overflow-wrap:anywhere;width:100%}.workspace-grid{border-top:1px solid var(--border);border-left:1px solid var(--border);grid-template-columns:1fr 1fr;display:grid}.panel{background:var(--surface);min-width:0;padding:24px}.workspace-grid .panel{border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.panel-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:22px;display:flex}.panel h2{font-size:16px;font-weight:600}.panel-heading .eyebrow{text-align:right;font-size:10px}.perception-viewport{text-align:center;background:#12191b;border:1px solid #2e3b3d;flex-direction:column;justify-content:center;align-items:center;min-height:258px;padding:30px 20px 52px;display:flex;position:relative}.camera-icon{color:#7e9990;margin-bottom:16px}.perception-viewport h3{font-size:15px;font-weight:500}.perception-viewport p{color:var(--muted);margin-top:10px;font-size:12px;line-height:1.7}.viewport-label{color:#91a5a3;font-size:10px;position:absolute;bottom:14px;left:16px}.viewport-corner{border-style:solid;border-color:#597366;width:18px;height:18px;position:absolute}.top-left{border-width:1px 0 0 1px;top:10px;left:10px}.bottom-right{border-width:0 1px 1px 0;bottom:10px;right:10px}ol{margin:0;padding:0;list-style:none}.workflow li{align-items:center;gap:16px;padding:9px 0;font-size:13px;display:flex}.stage-number{width:26px;height:26px;color:var(--muted);border:1px solid #455151;place-items:center;font-size:11px;display:grid}.stage-number.good{color:var(--accent);border-color:#547260}.stage-state{color:var(--muted);margin-left:auto;font-size:11px}.stage-state.good{color:var(--accent)}.workflow-note{border-top:1px solid var(--border);margin-top:14px;padding-top:12px}.world-state{margin:0 0 18px}.world-state>div{border-bottom:1px solid var(--border);justify-content:space-between;gap:18px;padding:13px 0;font-size:13px;display:flex}.world-state dt{color:var(--muted);flex-shrink:0}.world-state dd{text-align:right;overflow-wrap:anywhere;margin:0}.plan-summary{color:var(--muted);overflow-wrap:anywhere;margin-bottom:18px;font-size:13px;line-height:1.6}.plan li{border-top:1px solid var(--border);gap:18px;padding:16px 0;display:flex}.plan-number{color:#93a6a2;padding-top:2px;font-size:12px}.plan li>div{min-width:0}.plan strong{color:var(--accent);font-size:13px}.plan-target{overflow-wrap:anywhere;margin-top:7px;font-size:14px}.step-description{color:var(--muted);overflow-wrap:anywhere;margin-top:8px;font-size:12px;line-height:1.6}.empty-state{padding:46px 0}.empty-line{background:#647e74;width:36px;height:1px;margin-bottom:20px;display:block}.empty-state h3{font-size:16px;font-weight:500}.empty-state p{color:var(--muted);margin-top:10px;font-size:13px}.timeline-panel{border:1px solid var(--border);margin-top:24px}.timeline-panel .panel-heading{margin-bottom:12px}.timeline-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.timeline-heading>span{color:var(--muted);font-size:11px}.timeline{margin:24px 0 0 5px}.timeline>li{border-left:1px solid #455b52;padding:0 0 22px 25px;position:relative}.timeline>li:last-child{border-left-color:#0000;padding-bottom:0}.timeline-dot{background:currentColor;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;left:-4px}.timeline-action{align-items:center;gap:16px;font-size:13px;display:flex}.timeline-action strong{overflow-wrap:anywhere;min-width:0}.action-index{color:var(--muted);font-size:11px}.timeline-action .badge{margin-left:auto}.timeline li>p{overflow-wrap:anywhere;margin:8px 0 0 30px;font-size:12px}.timeline-empty{color:#a7b9b3;padding:26px 0 8px;font-size:13px}.replan-note{border-top:1px solid var(--border);color:var(--muted);margin-top:24px;padding-top:14px;font-size:12px;line-height:1.6}footer{border-top:1px solid var(--border);color:#93a4a3;justify-content:space-between;gap:16px;padding:22px 0 28px;font-size:11px;display:flex}@media (width>=1600px){.dashboard{max-width:1540px}}@media (width<=1000px){.dashboard{padding:0 24px}.intro{flex-direction:column;align-items:flex-start;gap:14px}.connections{gap:16px}.brand h1{font-size:18px}}@media (width<=720px){.dashboard{padding:0 16px}.header{flex-direction:column;align-items:flex-start;gap:20px;padding:24px 0}.brand h1{font-size:17px}.connections{gap:32px}.connections>span{display:flex}main{padding-top:24px}.intro h2{font-size:27px}.intro>p{font-size:11px;line-height:1.8}.intro>p span{margin:0 2px}.task-panel,.panel{padding:20px}form{flex-direction:column;gap:12px}button{min-height:48px}.workspace-grid{grid-template-columns:1fr}.result-banner{flex-direction:column;align-items:flex-start}.result-banner>span:last-of-type{margin-left:0}.timeline-action{gap:10px;font-size:11px}.timeline-action .badge{padding:4px 6px;font-size:10px}.timeline li>p{margin-left:0}footer{flex-wrap:wrap}}