:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1a1f26;font-synthesis:none;--bg:#fff;--panel:#f5f7fa;--border:#d0d7de;--muted:#57606a;--dim:#8c959f;--cyan:#0969da;--green:#1a7f37;--amber:#9e6a03;--purple:#6639ba;--red:#da3633;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;min-height:100vh;margin:0}button,select{font:inherit}.mono,code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.muted{color:var(--muted)}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--border);z-index:20;background:#fff;align-items:center;gap:28px;height:58px;padding:0 20px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;min-width:164px;display:flex}.mark{border:1px solid var(--cyan);width:30px;height:30px;color:var(--cyan);place-items:center;font-size:15px;font-weight:800;display:grid;position:relative}.mark:after{content:"";background:var(--cyan);width:4px;height:4px;position:absolute;bottom:-2px;right:-2px}.brand strong{letter-spacing:.2em;color:#1a1f26;font-size:12px;display:block}.brand span{color:var(--muted);letter-spacing:.12em;margin-top:2px;font-size:8px;display:block}.pipeline{color:#57606a;letter-spacing:.08em;flex:1;align-items:center;gap:10px;font:9px/1 SFMono-Regular,Consolas,monospace;display:flex}.pipeline i{color:#d0d7de;font-style:normal}.run-control{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;font-size:10px;display:flex}.status-dot{background:var(--green);width:6px;height:6px;box-shadow:0 0 8px var(--green);border-radius:50%}select{color:#1a1f26;background:#fff;border:1px solid #d0d7de;border-radius:2px;outline:none;max-width:210px;height:31px;padding:0 28px 0 10px;font:10px SFMono-Regular,Consolas,monospace}select:focus{border-color:var(--cyan)}main{flex:1;width:min(1500px,100%);margin:0 auto;padding:12px 14px 8px}.panel{background:var(--panel);border:1px solid var(--border);min-width:0;position:relative;overflow:hidden}.panel:before{content:"";z-index:2;background:#d0d7de;width:18px;height:1px;position:absolute;top:-1px;left:-1px}.panel-title{border-bottom:1px solid var(--border);background:#f6f8fa;justify-content:space-between;align-items:center;gap:12px;height:47px;padding:9px 12px;display:flex}.panel-title span{color:#57606a;letter-spacing:.13em;text-transform:uppercase;font:8px/1.1 SFMono-Regular,Consolas,monospace;display:block}.panel-title h2{letter-spacing:.01em;color:#1a1f26;margin:4px 0 0;font-size:13px;font-weight:590}.overview-grid{grid-template-columns:minmax(0,1.72fr) minmax(360px,.88fr);gap:8px;display:grid}.side-stack{grid-template-rows:1fr;gap:8px;min-width:0;display:grid}.video-meta{gap:16px;display:flex}.video-stage{background:#f6f8fa;height:410px;position:relative;overflow:hidden}.video-stage video{object-fit:contain;width:100%;height:100%;display:block}.media-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:.1em;color:#1a1f26;background:#ffffffd6;border:1px solid #d0d7de;align-items:center;gap:6px;padding:6px 8px;font:8px/1 SFMono-Regular,Consolas,monospace;display:flex;position:absolute;top:12px;left:12px}.media-badge i{background:var(--cyan);border-radius:50%;width:5px;height:5px}.media-badge.fallback{color:#9e6a03}.media-badge.fallback i{background:var(--amber)}.video-overlay{pointer-events:none;color:#57606a;letter-spacing:.08em;background:linear-gradient(#0000,#0003);justify-content:space-between;padding:18px 14px 8px;font:9px/1 SFMono-Regular,Consolas,monospace;display:flex;position:absolute;bottom:42px;left:0;right:0}.empty-video{text-align:center;background-image:linear-gradient(#d0d7de 1px,#0000 1px),linear-gradient(90deg,#d0d7de 1px,#0000 1px);background-size:32px 32px;place-content:center;width:100%;height:100%;display:grid}.empty-video span{color:var(--amber);letter-spacing:.14em;font:11px SFMono-Regular,Consolas,monospace}.empty-video small{color:var(--muted);max-width:340px;margin-top:10px}.action-panel{height:100%;min-height:225px}.action-readout{align-items:center;gap:16px;padding:17px 18px 10px;display:flex}.crosshair{color:var(--cyan);font-size:38px;font-weight:200;line-height:1}.action-readout strong{text-transform:uppercase;letter-spacing:.05em;color:#1a1f26;font-size:clamp(25px,2.2vw,38px);line-height:1;display:block}.action-panel.grasp .crosshair,.action-panel.grasp .action-readout strong{color:var(--amber)}.action-panel.move .crosshair,.action-panel.move .action-readout strong{color:var(--purple)}.action-panel.release .crosshair,.action-panel.release .action-readout strong{color:var(--green)}.action-readout div span{color:var(--muted);letter-spacing:.12em;margin-top:7px;font:9px SFMono-Regular,Consolas,monospace;display:block}.frame-id,.coordinate{color:#1a1f26;border:1px solid #d0d7de;padding:5px 7px}.confidence{padding:0 18px 10px}.confidence>div:first-child{color:var(--muted);justify-content:space-between;font:8px SFMono-Regular,Consolas,monospace;display:flex}.confidence strong{color:#1a1f26;font-size:9px}.meter{background:#d0d7de;height:3px;margin-top:6px}.meter i{background:var(--cyan);height:100%;transition:width .14s linear;display:block}.score-list{border-top:1px solid #d0d7de;grid-template-columns:repeat(2,1fr);gap:5px 14px;padding:8px 18px 10px;display:grid}.score-list>div{color:var(--muted);text-transform:uppercase;grid-template-columns:48px 1fr 22px;align-items:center;gap:6px;font:8px SFMono-Regular,Consolas,monospace;display:grid}.score-list>div>i{background:#d0d7de;height:2px}.score-list b{background:#0969da;height:100%;display:block}.score-list em{text-align:right;color:#57606a;font-style:normal}.timeline-panel{margin-top:8px}.timeline-panel .panel-title{height:43px}.timeline{cursor:crosshair;padding:14px 14px 19px}.timeline-track{background:#f6f8fa;border:1px solid #d0d7de;height:30px;position:relative;overflow:visible}.segment{border-right:1px solid #d0d7de80;place-items:center;height:100%;display:grid;position:absolute;top:0;overflow:hidden}.segment span{letter-spacing:.06em;color:#57606acc;text-transform:uppercase;white-space:nowrap;font:8px SFMono-Regular,Consolas,monospace}.segment.idle{background:#d0d7de}.segment.reach{background:var(--cyan)}.segment.grasp{background:var(--amber)}.segment.move{background:var(--purple)}.segment.release{background:var(--green)}.playhead{z-index:3;background:#1a1f26;width:1px;transition:left 80ms linear;position:absolute;top:-7px;bottom:-7px}.playhead i{background:#1a1f26;width:7px;height:7px;position:absolute;top:-1px;left:-3px;transform:rotate(45deg)}.ticks{height:14px;position:relative}.ticks span{color:#57606a;font:7px SFMono-Regular,Consolas,monospace;position:absolute;top:6px;transform:translate(-50%)}.legend{gap:13px;display:flex;position:absolute;top:14px;right:12px}.legend span{color:var(--muted);align-items:center;gap:5px;font:7px SFMono-Regular,Consolas,monospace;display:flex}.legend i{width:5px;height:5px}.legend i.reach{background:var(--cyan)}.legend i.grasp{background:var(--amber)}.legend i.move{background:var(--purple)}.legend i.release{background:var(--green)}.bottom-grid{grid-template-columns:minmax(0,1.1fr) minmax(430px,.9fr);gap:8px;margin-top:8px;display:grid}.trajectory-wrap{grid-template-columns:minmax(0,1fr) 130px;height:244px;display:grid}.trajectory{background:#f6f8fa;width:100%;height:100%}.axis{stroke:#d0d7de;stroke-width:1px}.axis-label,.point-label{fill:#57606a;letter-spacing:.06em;font:7px SFMono-Regular,Consolas,monospace}.planned-path{fill:none;stroke:var(--cyan);stroke-width:2px;stroke-dasharray:5 3}.actual-path{fill:none;stroke:var(--purple);stroke-width:2px;opacity:.72}.waypoint{fill:#f6f8fa;stroke:var(--cyan);stroke-width:1px}.start-dot{fill:#f6f8fa;stroke:var(--amber);stroke-width:2px}.goal-dot{fill:#f6f8fa;stroke:var(--green);stroke-width:2px}.chart-legend{border-left:1px solid var(--border);background:#fff;flex-direction:column;gap:14px;padding:20px 12px;display:flex}.chart-legend span{color:var(--muted);font:8px SFMono-Regular,Consolas,monospace}.line{vertical-align:middle;border-top:2px solid;width:20px;margin-right:7px;display:inline-block}.line.planned{border-color:var(--cyan);border-top-style:dashed}.line.actual{border-color:var(--purple)}.result-body{min-height:244px;padding:12px}.result-badge{color:#1a1f26;border:1px solid #d0d7de;align-items:center;gap:6px;padding:5px 7px;display:flex!important}.result-badge i{background:var(--muted);border-radius:50%;width:5px;height:5px}.result-badge.success{color:var(--green);background:#f0f9ff;border-color:#dafbe1}.result-badge.success i{background:var(--green);box-shadow:0 0 7px var(--green)}.result-badge.failure{color:var(--red);background:#fff5f5;border-color:#ffebe9}.result-badge.failure i{background:var(--red)}.metrics{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.metrics>div{background:#f6f8fa;border:1px solid #d0d7de;padding:8px}.metrics span{color:var(--muted);letter-spacing:.08em;font:7px SFMono-Regular,Consolas,monospace}.metrics strong{color:#1a1f26;margin-top:5px;font:12px SFMono-Regular,Consolas,monospace;display:block}.metrics strong.ok{color:var(--green)}.metrics .error-metric{grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.metrics .error-metric strong{color:#1a1f26;margin:0;font-size:15px}.event-log{border-top:1px solid #d0d7de;margin-top:10px}.event-log-head,.event-log>div:not(.event-log-head){color:#57606a;border-bottom:1px solid #d0d7de;grid-template-columns:48px 8px 1fr auto;align-items:center;gap:8px;min-height:21px;font:7px SFMono-Regular,Consolas,monospace;display:grid}.event-log-head{color:#57606a;grid-template-columns:1fr auto}.event-log time{color:#57606a}.event-log i{border-radius:50%;width:4px;height:4px}.event-log i.reach{background:var(--cyan)}.event-log i.grasp{background:var(--amber)}.event-log i.move{background:var(--purple)}.event-log i.release{background:var(--green)}.event-log>div span{color:#1a1f26}.event-log em{font-style:normal}.failure-note{color:#da3633;background:#fff5f5;border:1px solid #ffebe9;margin-top:8px;padding:7px;font:8px SFMono-Regular,Consolas,monospace}.loading,.error-state{color:var(--muted);place-items:center;gap:12px;margin-top:120px;font:11px SFMono-Regular,Consolas,monospace;display:grid}.loading i{border:2px solid #d0d7de;border-top-color:var(--cyan);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.error-state{color:var(--red)}.error-state small{color:var(--muted)}.empty{min-height:200px;color:var(--muted);place-items:center;font-size:11px;display:grid}footer{border-top:1px solid var(--border);color:#57606a;letter-spacing:.1em;justify-content:space-between;align-items:center;height:27px;padding:0 16px;font:7px SFMono-Regular,Consolas,monospace;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.job-section{border-bottom:2px solid var(--cyan);background:linear-gradient(#fff 0%,#f6f8fa 100%)}.job-header{max-width:1500px;margin:0 auto;padding:40px 20px}.job-title{color:var(--cyan);letter-spacing:.08em;margin-bottom:12px;font-size:32px;font-weight:700}.job-company{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:24px;font-size:13px}.job-description{color:#57606a;word-break:break-word;overflow-wrap:break-word;width:100%;font-size:17px;line-height:1.8}.job-description strong{color:#1a1f26;margin-top:16px;margin-bottom:8px;display:block}.job-description ul{color:#57606a;margin:12px 0 0 20px}.job-description li{margin:6px 0}.job-description strong{white-space:nowrap}.job-section.panel-open .flowchart-section{transition:transform .3s;transform:translate(-200px)}.flowchart-section{max-width:1500px;margin:0 auto;padding:40px 20px}.flowchart-title{color:#1a1f26;margin-bottom:8px;font-size:18px;font-weight:700}.flowchart-subtitle{color:var(--muted);letter-spacing:.1em;margin-bottom:30px;font-size:10px}.vertical-flowchart{flex-direction:column;align-items:center;gap:0;display:flex}.flow-stage{flex-direction:column;align-items:center;width:100%;margin-bottom:40px;display:flex}.flow-branches{grid-template-columns:repeat(3,1fr);gap:30px;width:100%;max-width:1000px;margin:40px auto;display:grid}.flow-branch{flex-direction:column;align-items:center;display:flex}.flow-branch .flow-item{min-width:200px}.branch-connector{align-items:center;width:100%;height:40px;margin:20px 0;display:flex;position:relative}.branch-connector:before{content:"";background:var(--cyan);height:2px;position:absolute;top:0;left:0;right:0}.flow-converge{margin:60px 0 40px;position:relative}.flow-converge:before{content:"";background:var(--cyan);width:2px;height:40px;position:absolute;top:-60px;left:50%;transform:translate(-50%)}.flow-converge:after{content:"";background:var(--cyan);height:2px;position:absolute;top:-20px;left:0;right:0}.flow-item{background:var(--panel);border:1px solid var(--border);text-align:center;color:#1a1f26;border-radius:0;min-width:280px;padding:24px 28px;position:relative}.flow-item.input{background:#f6f8fa;border-color:#d0d7de}.flow-item.process{background:#f0f9ff;border-color:#d0d7de}.flow-item.model{background:#f8f4ff;border-color:#d0d7de}.flow-item.output{background:#fffbeb;border-color:#d0d7de}.flow-item-title{color:#1a1f26;margin-bottom:6px;font-size:14px;font-weight:700}.flow-item-desc{color:var(--muted);letter-spacing:.08em;font-size:10px}.flow-arrow{color:var(--cyan);margin:16px 0;font-size:20px;line-height:1}.flow-requirement{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;width:100%;max-width:1500px;margin-top:24px;margin-left:auto;margin-right:auto;display:grid}.req-tag{border:1px solid var(--cyan);color:var(--cyan);letter-spacing:.08em;text-transform:uppercase;background:#0969da1a;border-radius:3px;padding:8px 12px;font-size:9px}.req-tag.skill{border-color:var(--amber);color:var(--amber);background:#9e6a031a}.req-tag.tool{border-color:var(--purple);color:var(--purple);background:#6639ba1a}.flowbox-side-panel{background:var(--panel);border-left:2px solid var(--cyan);z-index:999;flex-direction:column;width:400px;height:100vh;transition:right .3s;display:flex;position:fixed;top:0;right:-420px;overflow-y:auto;box-shadow:-20px 0 60px #0969da1a}.flowbox-side-panel.open{right:0}.panel-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:20px;display:flex}.flowbox-modal-title{color:var(--cyan);letter-spacing:.08em;margin:0;font-size:18px;font-weight:700}.panel-close{color:var(--muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:24px;transition:color .2s;display:flex}.panel-close:hover{color:var(--cyan)}.panel-content{flex:1;padding:20px;overflow-y:auto}.flowbox-modal-technical{color:var(--cyan);letter-spacing:.05em;margin-bottom:12px;font-size:14px;font-weight:600;line-height:1.5}.flowbox-modal-desc{color:#57606a;margin-bottom:20px;font-size:15px;line-height:1.7}.flowbox-modal-skills{flex-wrap:wrap;gap:8px;display:flex}.skill-badge{border:1px solid var(--cyan);color:var(--cyan);letter-spacing:.08em;text-transform:uppercase;background:#0969da1a;border-radius:3px;padding:6px 10px;font-size:11px;display:inline-block}@media (width<=1000px){.pipeline{display:none}.overview-grid,.bottom-grid{grid-template-columns:1fr}.video-stage{aspect-ratio:16/9;height:auto}.side-stack{grid-template-rows:auto;grid-template-columns:1fr}}@media (width<=700px){.topbar{gap:12px;padding:0 10px}.run-control label,.brand span{display:none}.brand{min-width:auto}.run-control{margin-left:auto}select{max-width:150px}main{padding:8px}.side-stack{grid-template-columns:1fr}.legend,.segment span{display:none}.trajectory-wrap{grid-template-columns:1fr;height:auto}.trajectory{height:230px}.chart-legend{border-left:0;border-top:1px solid var(--border);flex-direction:row}}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#090b0e;--panel:#11151a;--border:#283039;--muted:#7f8a96;--dim:#4b5661;--cyan:#59d5e0;--green:#72dfa7;--amber:#ffbe5c;--purple:#b59cff;--red:#f07575}[data-theme=dark] body{color:#e9edf2;background:var(--bg)}[data-theme=dark] .topbar{background:#0d1014}[data-theme=dark] .brand strong{color:#e7ebef}[data-theme=dark] .pipeline{color:#77828d}[data-theme=dark] .pipeline i{color:#39424b}[data-theme=dark] select{color:#dfe5eb;background:#151a20;border-color:#34404a}[data-theme=dark] .panel{background:var(--panel);border-color:var(--border)}[data-theme=dark] .panel:before{background:#64717d}[data-theme=dark] .panel-title{color:#e7ebef;background:#13181e}[data-theme=dark] .panel-title span{color:#6f7b87}[data-theme=dark] .panel-title h2{color:#e7ebef}[data-theme=dark] .video-stage{background:#050607}[data-theme=dark] .media-badge{color:#e7ebef;background:#0a0d10d6;border-color:#31404a}[data-theme=dark] .video-overlay{color:#b9c2ca;background:linear-gradient(#0000,#0009)}[data-theme=dark] .empty-video{background-image:linear-gradient(#181d21 1px,#0000 1px),linear-gradient(90deg,#181d21 1px,#0000 1px)}[data-theme=dark] .empty-video span{color:var(--amber)}[data-theme=dark] .action-readout strong{color:#e7ebef}[data-theme=dark] .frame-id,[data-theme=dark] .coordinate{color:#e7ebef;border-color:#303943}[data-theme=dark] .confidence strong{color:#d8dfe5}[data-theme=dark] .meter{background:#252c32}[data-theme=dark] .score-list{border-top-color:#20272e}[data-theme=dark] .score-list>div>i{background:#293139}[data-theme=dark] .score-list b{background:#657480}[data-theme=dark] .score-list em{color:#aeb7bf}[data-theme=dark] .timeline-track{background:#090c0f;border-color:#242d35}[data-theme=dark] .segment{border-right-color:#05080a80}[data-theme=dark] .segment span{color:#070a0ccc}[data-theme=dark] .segment.idle{background:#45515d}[data-theme=dark] .playhead,[data-theme=dark] .playhead i{background:#fff}[data-theme=dark] .ticks span{color:#5f6a75}[data-theme=dark] .trajectory{background:#0c1014}[data-theme=dark] .axis{stroke:#3a444d}[data-theme=dark] .axis-label,[data-theme=dark] .point-label{fill:#73808b}[data-theme=dark] .waypoint,[data-theme=dark] .start-dot,[data-theme=dark] .goal-dot{fill:#0c1014}[data-theme=dark] .chart-legend{border-color:var(--border);color:#e7ebef;background:#0e1216}[data-theme=dark] .result-badge{color:#e7ebef;border-color:#344049}[data-theme=dark] .result-badge.success{border-color:#47705d}[data-theme=dark] .metrics>div{background:#0d1115;border-color:#283039}[data-theme=dark] .metrics strong{color:#8f9aa4}[data-theme=dark] .metrics .error-metric strong{color:#eef2f5}[data-theme=dark] .event-log{border-top-color:#2a3239}[data-theme=dark] .event-log-head,[data-theme=dark] .event-log>div:not(.event-log-head){color:#77838e;border-bottom-color:#1e252b}[data-theme=dark] .event-log-head{color:#58636d}[data-theme=dark] .event-log time{color:#5e6974}[data-theme=dark] .event-log>div span{color:#bdc5cc}[data-theme=dark] .failure-note{color:#d99292;background:0 0;border-color:#773f46}[data-theme=dark] .job-section{background:linear-gradient(#0d1216 0%,#0a0f13 100%)}[data-theme=dark] .job-company{color:var(--muted)}[data-theme=dark] .job-description{color:#a5b2ba}[data-theme=dark] .job-description strong{color:#e7ebef}[data-theme=dark] .job-description ul{color:#a5b2ba}[data-theme=dark] .flowchart-title{color:#e7ebef}[data-theme=dark] .flow-item{background:var(--panel);border-color:var(--border);color:#e7ebef}[data-theme=dark] .flow-item.input{background:#121718;border-color:#45515d}[data-theme=dark] .flow-item.process{background:#0d1616;border-color:#134e4a}[data-theme=dark] .flow-item.model{background:#0f0822;border-color:#4c1d95}[data-theme=dark] .flow-item.output{background:#16120a;border-color:#78350f}[data-theme=dark] .flow-item-title{color:#e7ebef}[data-theme=dark] .flowbox-side-panel{background:var(--panel);border-color:var(--cyan);box-shadow:-20px 0 60px #59d5e033}[data-theme=dark] .flowbox-modal-title{color:var(--cyan)}[data-theme=dark] .panel-close{color:var(--muted)}[data-theme=dark] .flowbox-modal-technical{color:#59d5e0}[data-theme=dark] .flowbox-modal-desc{color:#a5b2ba}[data-theme=dark] .skill-badge{border-color:var(--cyan);color:var(--cyan);background:#59d5e026}.legend i.idle{background:#45515d}.overview-grid{grid-template-columns:minmax(230px,.78fr) minmax(320px,1.08fr) minmax(330px,.96fr)}.raw-video-panel .video-stage,.sim-video-panel .video-stage{flex-direction:column;height:410px;display:flex}.raw-video-panel video,.sim-video-panel video,.raw-video-panel .empty-video,.sim-video-panel .empty-video{flex:1;height:auto;min-height:0}.raw-video-panel video,.sim-video-panel video{object-fit:contain;background:#050607}.video-overlay{background:#050607;flex-shrink:0;position:relative;inset:auto}.sync-strip{border:1px solid var(--border);background:#10151a;grid-template-columns:minmax(300px,1fr) auto 108px 112px;align-items:center;gap:10px;min-height:42px;margin-bottom:8px;padding:6px 8px 6px 10px;display:grid}.sync-strip>div:first-child{align-items:center;gap:9px;display:flex}.sync-icon{color:#68737e;font:22px/1 SFMono-Regular,Consolas,monospace}.sync-strip strong,.sync-strip small{display:block}.sync-strip strong{color:#d8dfe5;letter-spacing:.03em;font-size:10px}.sync-strip small{color:#697580;margin-top:2px;font:7px SFMono-Regular,Consolas,monospace}.sync-readout{color:#68737e;letter-spacing:.06em;gap:12px;font:7px SFMono-Regular,Consolas,monospace;display:flex}.sync-readout b{color:#b7c0c8;font-weight:500}.sync-strip.active{border-color:#31555d}.sync-strip.active .sync-icon,.sync-strip.active .sync-readout b{color:var(--cyan)}.sync-mode,.sync-play{letter-spacing:.06em;cursor:pointer;border-radius:2px;height:28px;font:8px SFMono-Regular,Consolas,monospace}.sync-mode{color:#9aa5ae;background:#161c21;border:1px solid #39444d}.active .sync-mode{color:var(--cyan);border-color:#39717a}.sync-play{color:var(--cyan);background:#173139;border:1px solid #39717a}.sync-mode:disabled,.sync-play:disabled{cursor:not-allowed;opacity:.4}.process-panel{margin-bottom:8px}.process-panel .panel-title{height:43px}.job-status{border:1px solid #344049;align-items:center;gap:6px;padding:5px 7px;display:flex!important}.job-status i{background:#7f8a96;border-radius:50%;width:5px;height:5px}.job-status.running{color:var(--cyan)}.job-status.running i{background:var(--cyan);box-shadow:0 0 7px var(--cyan);animation:1.1s ease-in-out infinite job-pulse}.job-status.succeeded{color:var(--green)}.job-status.succeeded i{background:var(--green)}.job-status.failed{color:var(--red)}.job-status.failed i{background:var(--red)}.process-body{grid-template-columns:min-content minmax(0,1fr);align-items:end;gap:18px;padding:10px 12px 11px;display:grid}.process-controls{grid-template-columns:minmax(180px,1.1fr) minmax(190px,1fr) 145px 150px;align-items:end;gap:8px;min-width:min-content;display:grid}.process-monitor{min-width:0}.process-controls label>span{color:#68737e;letter-spacing:.1em;margin-bottom:5px;font:7px SFMono-Regular,Consolas,monospace;display:block}.process-controls select{width:100%;max-width:none}.process-controls button{height:31px;color:var(--cyan);letter-spacing:.08em;cursor:pointer;background:#173139;border:1px solid #39717a;border-radius:2px;justify-content:space-between;align-items:center;padding:0 10px;font:8px SFMono-Regular,Consolas,monospace;display:flex}.process-controls button:hover:not(:disabled){border-color:var(--cyan);background:#1b3c44}.process-controls button:disabled{cursor:not-allowed;opacity:.5}.process-monitor>div:first-child{color:#aeb8c1;letter-spacing:.05em;justify-content:space-between;margin-bottom:6px;font:8px SFMono-Regular,Consolas,monospace;display:flex}.process-monitor>div:first-child span{color:var(--cyan)}.process-progress{background:#242c33;border:1px solid #2d3740;height:5px;overflow:hidden}.process-progress i{background:var(--cyan);height:100%;transition:width .35s;display:block}.process-progress.succeeded i{background:var(--green)}.process-progress.failed i{background:var(--red)}.process-monitor small{color:#68737e;text-overflow:ellipsis;white-space:nowrap;min-height:10px;margin-top:6px;font:7px SFMono-Regular,Consolas,monospace;display:block;overflow:hidden}@keyframes job-pulse{50%{opacity:.35}}.bottom-grid{grid-template-columns:minmax(0,.92fr) minmax(560px,1.08fr)}.trajectory-wrap,.result-body{min-height:280px}.sim-layout{grid-template-columns:minmax(280px,1.1fr) minmax(245px,.9fr);min-height:280px;display:grid}.sim-stage{border-right:1px solid var(--border);background:#050607;min-width:0;position:relative;overflow:hidden}.sim-stage video{object-fit:contain;width:100%;height:100%;display:block}.sim-stage .empty-video{min-height:280px}.sim-overlay{color:#aeb8c1;letter-spacing:.08em;pointer-events:none;font:8px SFMono-Regular,Consolas,monospace;position:absolute;bottom:38px;right:10px}.sim-layout .result-body{padding:10px}.sim-layout .metrics{grid-template-columns:repeat(3,1fr)}@media (width<=1200px){.process-body,.bottom-grid{grid-template-columns:1fr}.overview-grid{grid-template-columns:minmax(260px,.9fr) minmax(340px,1.1fr)}.side-stack{grid-column:1/-1;grid-template-rows:auto;grid-template-columns:1fr}.sync-strip{grid-template-columns:minmax(250px,1fr) 108px 112px}.sync-readout{display:none}}@media (width<=700px){.process-controls{grid-template-columns:1fr;min-width:0}.process-body{min-width:0}.overview-grid{grid-template-columns:1fr}.side-stack{grid-column:auto;grid-template-columns:1fr}.sync-strip{grid-template-columns:1fr 1fr}.sync-strip>div:first-child{grid-column:1/-1}.sim-layout{grid-template-columns:1fr}.sim-stage{border-right:0;border-bottom:1px solid var(--border);min-height:260px}}
