main{max-width:1500px}.intro{margin-bottom:28px}.demo-label{font-size:12px;text-align:right;color:#547069}.demo-label small{color:#8a8e94;font-size:10px}.demo-label i{display:inline-block;width:7px;height:7px;background:#399779;border-radius:50%;margin-right:6px}.scene{grid-template-columns:minmax(0,1.85fr) minmax(320px,1fr);gap:22px}.guide{border-radius:12px;margin:0 0 20px;min-height:82px}.guide>div{flex:1}.world{padding:12px;background:#f4f6f5}.world svg{touch-action:none;user-select:none;overflow:visible}svg text{font-family:inherit;pointer-events:none}.island-zone{fill:#fff;stroke:#d7e0de;stroke-width:1.5}.bench{cursor:pointer;outline:none}.bench .surface{fill:#e8eee9;stroke:#b8c6bd;stroke-width:1.3}.bench:hover .surface,.bench:focus-visible .surface,.bench.drop .surface{stroke:#ea3355;stroke-width:3;fill:#fff0f3}.bench.occupied .surface{fill:#d9eee3}.entity{cursor:grab;touch-action:none;outline:none}.entity.selected .selection{stroke:#ea3355;stroke-width:3}.entity .selection{fill:none;stroke:transparent;stroke-width:3}.entity.dragging{cursor:grabbing;filter:drop-shadow(0 6px 4px #283f4a40)}.entity:focus-visible .selection{stroke:#ea3355;stroke-width:3}.signal-label{display:flex;gap:6px;align-items:center;font-weight:400}.legend{display:flex;gap:18px;flex-wrap:wrap;font-size:10px;padding:12px 18px;border-top:1px solid var(--line)}.legend-dot{width:9px;height:9px;display:inline-block;border-radius:3px;margin-right:5px}.pink{background:#ea3355}.blue{background:#527f9c}.green{background:#b3dbc5}.move-controls{display:flex;gap:10px;padding:16px 18px;background:#fafafb;border-top:1px solid var(--line);align-items:end}.move-controls label{display:flex;flex-direction:column;gap:5px;font-size:10px;flex:1;color:#73747c}.move-controls select{font:inherit;font-size:12px;padding:11px 7px;border:1px solid #dcdfe3;border-radius:7px;background:#fff;width:100%;min-width:0;color:#292929}.move-controls button{font-size:12px;padding:12px 16px;white-space:nowrap}.dashboard .software{padding:21px}.dashboard h3{font-size:12px;margin:24px 0 12px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0}.metrics>div{padding:14px;background:#f5f6f7;border-radius:10px}.metrics strong{display:block;font-size:27px;font-weight:600;line-height:1.2}.metrics span{font-size:10px;color:#83878b}.area-row{display:grid;grid-template-columns:1fr auto;gap:7px;margin:13px 0;font-size:11px}.bar{grid-column:1/3;background:#edf0ef;border-radius:3px;height:4px;overflow:hidden}.bar i{display:block;height:100%;background:#609980;transition:width .25s}.batch-row{display:flex;justify-content:space-between;gap:8px;font-size:11px;border-bottom:1px solid #eee;padding:8px 0}.batch-row b{font-weight:600}.cost-card{padding:17px;margin-top:16px;border:1px solid #f3d3dc;background:#fff4f7;border-radius:11px}.cost-card span,.cost-card small{display:block;font-size:10px;color:#9e5363}.cost-card strong{font-size:31px;color:#c62949;letter-spacing:-1px;display:block}.tick{width:100%;margin-top:12px;font-size:12px}.event{min-height:46px}details{font-size:10px;color:#777;line-height:1.6;margin-top:18px}summary{cursor:pointer;color:#555}details p{margin:10px 0}.takeaway{padding:28px 32px;display:grid;grid-template-columns:1.3fr 1fr;gap:40px}.takeaway h2{font-size:26px;letter-spacing:-.7px;margin:8px 0}.takeaway p{font-size:13px;color:#7a7c80;max-width:580px}.pilot{display:grid;grid-template-columns:100px 1fr;gap:12px;font-size:11px;align-content:center}.pilot b{color:#bd2846}.pilot span{color:#71757a}footer{line-height:1.6}.step{cursor:pointer}.step:disabled{opacity:.55}.caption{min-height:58px}.actions{margin-bottom:24px}.signal-rays{pointer-events:none}.signal-rays line{stroke:#b2b6ce;stroke-dasharray:5 5;stroke-width:1.2}.signal-rays circle{fill:#a4a0dc14;stroke:#a4a0dc50;stroke-dasharray:3 5}.receiver text{font-size:9px;fill:#83909a}.receiver circle{fill:#fff;stroke:#9babb6}.receiver path{stroke:#7b939f;fill:none}.steps .active b{opacity:1}.demo-note{font-size:9px;fill:#85918f}@media(max-width:1100px){.scene{grid-template-columns:1fr}.dashboard .software{display:block}.demo-label{display:none}.world{max-height:none}.takeaway{gap:20px}}@media(max-width:600px){main{padding:18px 12px}h1{font-size:30px}.intro{margin-bottom:18px}.sub{font-size:12px}.guide{padding:14px 12px;flex-wrap:wrap;gap:8px}.guide p{font-size:12px}.guide small{font-size:10px}.guide .secondary{padding:8px;font-size:10px}.panel-head{padding:12px;font-size:10px}.world{padding:3px}.legend{gap:10px;padding:10px;font-size:9px}.move-controls{padding:12px;flex-wrap:wrap}.move-controls label{min-width:110px}.move-controls button{width:100%}.takeaway{grid-template-columns:1fr;padding:22px}.actions{align-items:center}.actions p{font-size:10px}.steps{gap:4px}.step{font-size:9px;padding:10px 5px}.step b{display:block}.signal-label{font-size:9px}footer{flex-direction:column;gap:8px}.pilot{grid-template-columns:90px 1fr}}
/* A simple split: physical environment, then the software record. */
.scene{grid-template-columns:minmax(0,1.35fr) minmax(405px,1fr);align-items:start}.software-title{font-size:25px;line-height:1.25;letter-spacing:-.7px}.simple-intro{font-size:12px;color:#7a7e83;margin:12px 0 23px;line-height:1.6}.simple-intro b{color:#454a50;font-weight:600}.join-sources{display:grid;grid-template-columns:1fr 22px 1fr;align-items:center;gap:7px}.join-sources>div{background:#f5f7f8;border:1px solid #e8ecee;border-radius:10px;padding:13px 8px;text-align:center}.join-sources b,.join-sources small{display:block}.join-sources b{font-size:11px;margin:5px 0 2px}.join-sources small{font-size:9px;color:#899098}.source-icon{font-size:22px;line-height:1}.badge-icon{color:#527f9c}.tray-icon{color:#ea3355}.plus{text-align:center;font-size:23px;color:#a7adb3}.join-arrow{font-size:22px;text-align:center;color:#b3bac0;padding:10px 0 15px}.join-arrow span{font-size:10px;vertical-align:middle;color:#6e7a76;margin-left:5px}.register{border:1px solid #e0e8e2;border-radius:11px;overflow:hidden}.register-head{display:flex;justify-content:space-between;align-items:center;padding:13px 12px;background:#f0f6f2;font-size:11px}.register-head span{font-size:9px;color:#4c8b68}.time-table{width:100%;border-collapse:collapse;font-size:11px}.time-table th{font-size:9px;font-weight:500;color:#8b9298;text-align:left;padding:12px 10px;border-bottom:1px solid #edf0ed}.time-table td{padding:14px 10px;border-bottom:1px solid #edf0ed;vertical-align:top}.time-table td:last-child{text-align:right;font-variant-numeric:tabular-nums;font-size:14px}.time-table small{display:block;font-size:8px;color:#939aa0;margin-top:4px}.time-table td b{font-weight:600}.time-table .recording td:last-child{color:#287c42}.lot-chip{font-size:10px;background:#fff0f4;color:#c03351;padding:4px 5px;border-radius:4px;white-space:nowrap}.register-note{padding:11px 12px;background:#fafcfb;font-size:9px;color:#8a938d;line-height:1.65}.clock-actions{display:flex;gap:8px;margin-top:12px}.clock-actions button{flex:1;font-size:11px;padding:10px}.selected-match{padding:13px 14px;border-radius:9px;background:#f5f7f8;margin-top:18px;font-size:11px}.selected-match small{display:block;color:#80878e;font-size:10px;margin-top:4px}.match-dot{display:inline-block;width:7px;height:7px;background:#3e9470;border-radius:50%;margin-right:7px}.dashboard .event{font-size:10px;min-height:34px}.dashboard details{border-top:1px solid #eee;padding-top:14px}.physical .panel-head,.dashboard .panel-head{letter-spacing:.6px;font-size:10px}@media(max-width:1000px){.scene{grid-template-columns:1fr}.dashboard .software{padding:24px}.time-table{font-size:12px}.time-table small{font-size:10px}}@media(max-width:600px){.dashboard .software{padding:17px}.software-title{font-size:23px}.time-table th,.time-table td{padding:12px 8px}.time-table{font-size:11px}.time-table small{font-size:9px}.scene{grid-template-columns:minmax(0,1fr)}}
/* Light presentation: controls and data first. */
main{padding-top:22px}.steps{margin-bottom:15px}.guide{min-height:58px;padding:12px 18px;margin-bottom:18px}.guide p{font-size:12px}#guide-copy,#progress-hint,#caption{display:none}.join-sources{margin-bottom:0}.join-sources>div{padding:10px}.join-arrow{padding:8px 0 12px}.software{padding-top:17px!important}.time-table td{padding:15px 10px}.selected-match{margin-top:14px;padding:10px 12px}.selected-match small{display:inline;margin-left:10px}.dashboard .event{min-height:0;margin-top:10px;font-size:10px;border:0;padding:0;color:#8b8e94}.dashboard .event:empty{display:none}.dashboard details{margin-top:12px;padding-top:10px}.actions{justify-content:flex-end;margin:16px 0 0}.actions .primary{padding:10px 18px;font-size:12px}footer{padding:16px 0;font-size:9px;color:#969aa0}.physical .panel-head,.dashboard .panel-head{text-transform:none;letter-spacing:0;font-size:12px}.legend{font-size:9px;padding:10px 15px}.move-controls{padding:12px 15px}.register-head{padding:11px 12px}.software-title{display:none}
.awaiting{font-size:10px;color:#969ca2}.time-table .waiting td:last-child{color:#969ca2}.time-table td:first-child{white-space:nowrap}
.session-title{display:flex;justify-content:space-between;gap:7px;font-size:10px;margin-bottom:8px}.session-title>span{color:#9b9fa5;font-size:8px}.session-list{max-height:155px;overflow:auto}.session-row{display:grid;grid-template-columns:30px 1fr 45px 65px;gap:7px;padding:7px 0;font-size:10px;border-top:1px solid #e7eaec;color:#8a9096}.session-row strong{font-variant-numeric:tabular-nums;font-weight:600}.selected-match .session-row small{font-size:8px;margin:0;align-self:center}.session-row.current{color:#2c7f58}.session-row.current small{color:#2c7f58}.selected-match{padding:12px}.session-row b{font-weight:600}
.gantt-axis{display:flex;justify-content:space-between;margin:2px 66px 4px 60px;font-size:8px;color:#9ba0a6}.gantt-row{display:grid;grid-template-columns:50px minmax(50px,1fr) 58px;gap:10px;align-items:center;padding:8px 0;border-top:1px solid #e7eaec}.gantt-label b{font-size:10px}.selected-match .gantt-label small,.selected-match .gantt-time small{display:block;margin:2px 0 0;font-size:8px;color:#969ba1}.gantt-time{text-align:right;font-variant-numeric:tabular-nums}.gantt-time b{font-size:10px}.gantt-track{height:20px;position:relative;background:repeating-linear-gradient(to right,#e7ebef 0,#e7ebef 1px,transparent 1px,transparent 25%),#f0f2f4;border-radius:3px;overflow:hidden}.gantt-bar{position:absolute;top:4px;height:12px;border-radius:3px;background:#acbcc7;min-width:2px;max-width:100%}.gantt-row.current .gantt-bar{background:#ea3355}.gantt-row.current .gantt-time b{color:#c92b4c}.session-title>span{font-size:10px;color:#747d85}.session-list{max-height:210px}.selected-match{overflow:hidden}.gantt-axis+ .session-list>small{display:block;margin:8px 0}.time-table th:last-child{white-space:nowrap}
.gantt-label .when{display:block;font-size:8px;color:#939aa0;margin-bottom:2px}.gantt-label b{display:block}.gantt-row.current .when{color:#c92b4c;font-weight:700}.gantt-row{grid-template-columns:55px minmax(50px,1fr) 65px}.waiting-reason{font-size:10px;color:#8a9198}.waiting-now .when{font-weight:700;color:#555d66}.waiting-now .gantt-time{color:#9ba0a6}.gantt-axis{margin-left:65px;margin-right:75px}.session-list{max-height:240px}
.move-controls{flex-wrap:wrap}.entity-choice{flex-basis:100%}#entity-picks{display:flex;gap:5px;flex-wrap:wrap}#entity-picks button{font-size:10px;padding:7px 10px;border-radius:6px;background:#edf0f3;color:#717980}#entity-picks button[aria-pressed=true]{background:#ffe8ee;color:#c52c4a;box-shadow:inset 0 0 0 1px #efbecb}.move-controls label{flex:1}