:root{--gui-column-width: 354px;--panel-gap: 12px;--app-page-background: #000000;--app-render-background: #000000;--app-gui-background: #11151d;--app-text-base: #f3f5f7;--app-text-panel: rgba(255, 255, 255, .82);--app-text-legend: rgba(255, 255, 255, .86);--app-text-title: rgba(255, 255, 255, .92);--app-text-muted: rgba(255, 255, 255, .58);--app-text-strong: rgba(255, 255, 255, .94);--app-text-detail: rgba(255, 255, 255, .76);--app-border-column: rgba(255, 255, 255, .1);--app-border-pane: rgba(255, 255, 255, .08);--app-border-card: rgba(255, 255, 255, .12);--app-border-legend: rgba(255, 255, 255, .14);--app-border-dialog: rgba(255, 255, 255, .18);--app-swatch-border: rgba(255, 255, 255, .35);--app-overlay-title-background: rgba(18, 21, 29, .76);--app-overlay-legend-background: rgba(18, 21, 29, .82);--app-status-background: rgba(16, 18, 24, .88);--app-progress-scrim: rgba(0, 0, 0, .62);--app-progress-dialog-background: rgba(10, 12, 16, .96);--app-progress-dialog-shadow: rgba(0, 0, 0, .5);--app-progress-track-background: rgba(255, 255, 255, .14);--app-progress-fill-start: #20c6ff;--app-progress-fill-end: #f7f84a;--app-control-font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color-scheme:dark;font-family:var(--app-control-font-family);background:var(--app-page-background);color:var(--app-text-base)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button,input,output{font:inherit}#layout{display:grid;grid-template-columns:var(--gui-column-width) minmax(0,1fr);grid-template-rows:minmax(0,1fr);width:100vw;height:100vh;background:var(--app-render-background)}#gui-panel{min-width:0;min-height:0;padding:var(--panel-gap);overflow-y:auto;border-right:1px solid var(--app-border-column);background:var(--app-gui-background)}#app{--bottom-panel-height: 27%;--physical-view-width: 63%;position:relative;display:grid;grid-template-columns:minmax(0,var(--physical-view-width)) minmax(0,calc(100% - var(--physical-view-width)));grid-template-rows:auto minmax(0,1fr) minmax(0,var(--bottom-panel-height));min-width:0;min-height:0;background:var(--app-render-background)}#app.bottom-panel-hidden{grid-template-rows:auto minmax(0,1fr)}.view-top-panel{grid-column:1 / -1;grid-row:1;display:grid;grid-template-columns:minmax(0,var(--physical-view-width)) minmax(0,calc(100% - var(--physical-view-width)));min-width:0;border-bottom:1px solid var(--app-border-pane)}.top-panel-cell{min-width:0;padding:10px 12px;border-right:1px solid var(--app-border-pane)}.top-panel-cell:last-child{border-right:0}.physical-view-pane{grid-column:1;grid-row:2}.cspace-view-pane{grid-column:2;grid-row:2}.bottom-pheromone-panel{grid-column:1 / -1;grid-row:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:1px;background-color:var(--app-border-pane);min-width:0;min-height:0;border-top:1px solid var(--app-border-pane)}#app.bottom-panel-hidden .bottom-pheromone-panel{display:none}.view-pane{position:relative;container-type:inline-size;min-width:0;min-height:0;border-right:1px solid var(--app-border-pane)}.view-pane:last-of-type{border-right:0}.bottom-pheromone-pane{border-right:0}canvas{display:block;width:100%;height:100%;outline:none}.view-title{position:absolute;right:12px;top:10px;z-index:2;padding:5px 8px;border:1px solid var(--app-border-card);border-radius:6px;background:var(--app-overlay-title-background);color:var(--app-text-panel);font-size:12px;line-height:1.2;pointer-events:none}.view-hint{position:absolute;left:50%;bottom:10px;transform:translate(-50%);z-index:2;padding:5px 10px;border:1px solid var(--app-border-card);border-radius:6px;background:var(--app-overlay-title-background);color:var(--app-text-panel);font-size:12px;line-height:1.2;pointer-events:none;white-space:nowrap;max-width:calc(100% - 24px)}.legend-row{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;width:100%;pointer-events:none}.view-legend{padding:8px 9px;border:1px solid var(--app-border-legend);border-radius:6px;background:var(--app-overlay-legend-background);color:var(--app-text-legend);font-size:11px;line-height:1.25}.ant-status-overlay{width:100%;pointer-events:none}.cspace-legend{width:min(212px,100%)}.legend-title{margin-bottom:6px;color:var(--app-text-title);font-weight:700}.legend-grid{display:grid;grid-template-columns:10px minmax(0,1fr);gap:5px 7px;align-items:center}.status-grid{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:start}.status-column{flex:0 1 136px;min-width:116px}.free-modes-status-column{flex-basis:186px}.cargo-diagnostics-status-column{flex-basis:152px}.metrics-status-column{flex-basis:164px}.status-section-title{margin-bottom:4px;color:var(--app-text-panel);font-size:10px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.status-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:baseline}.status-item[hidden]{display:none}.status-item>span:first-child{color:var(--app-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-item>span:last-child{color:var(--app-text-strong);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.status-item>.simulation-status-running,.status-item>.simulation-status-paused{justify-self:end;padding:1px 7px;border:1px solid transparent;border-radius:999px;font-weight:700;line-height:1.35}.status-item>.simulation-status-running{border-color:#23dc73bf;color:#2f8;background:#23dc7329}.status-item>.simulation-status-paused{border-color:#b4becd99;color:#d9dee7;background:#b4becd1f}.status-label{display:inline-grid;grid-template-columns:10px minmax(0,1fr);gap:6px;align-items:center;min-width:0}.status-label span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend-swatch{width:9px;height:9px;border-radius:999px;border:1px solid var(--app-swatch-border)}.cspace-legend-grid{grid-template-columns:10px minmax(0,1fr)}#status-panel{margin-top:8px;padding-top:8px;border-top:1px solid var(--app-border-card);background:var(--app-status-background);color:var(--app-text-panel);font-size:12px;line-height:1.45;white-space:pre-wrap}@container (max-width: 560px){.status-column{flex-basis:min(190px,calc(50% - 8px))}}#progress-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:var(--app-progress-scrim);-webkit-backdrop-filter:grayscale(.7) brightness(.72);backdrop-filter:grayscale(.7) brightness(.72)}#progress-overlay[hidden]{display:none}.progress-dialog{width:min(420px,100%);padding:18px 20px;border:1px solid var(--app-border-dialog);border-radius:8px;background:var(--app-progress-dialog-background);box-shadow:0 18px 70px var(--app-progress-dialog-shadow)}#progress-title{color:var(--app-text-strong);font-size:14px;font-weight:650}.progress-track{height:10px;margin-top:14px;overflow:hidden;border-radius:999px;background:var(--app-progress-track-background)}#progress-fill{width:0%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--app-progress-fill-start),var(--app-progress-fill-end));transition:width 90ms linear}#progress-detail{min-height:18px;margin-top:9px;color:var(--app-text-detail);font-size:12px;line-height:1.4}#gui-panel .tp-rotv{width:100%;font-family:var(--app-control-font-family);font-weight:400!important;--tp-base-font-family: var(--app-control-font-family);--tp-base-background-color: rgb(41, 41, 41);--tp-base-shadow-color: hsla(0, 0%, 0%, .2);--tp-button-background-color: hsla(0, 0%, 50%, 1);--tp-button-background-color-active: hsla(0, 0%, 85%, 1);--tp-button-background-color-focus: hsla(0, 0%, 80%, 1);--tp-button-background-color-hover: hsla(0, 0%, 75%, 1);--tp-button-foreground-color: hsla(0, 0%, 0%, 1);--tp-container-background-color: rgb(164, 114, 114);--tp-container-background-color-active: rgb(187, 175, 175);--tp-container-background-color-focus: rgb(230, 219, 219);--tp-container-background-color-hover: rgb(181, 172, 172);--tp-container-foreground-color: hsla(0, 0%, 00%, 1);--tp-groove-foreground-color: hsla(0, 0%, 10%, 1);--tp-input-background-color: hsla(0, 0%, 10%, 1);--tp-input-background-color-active: hsla(0, 0%, 25%, 1);--tp-input-background-color-focus: hsla(0, 0%, 20%, 1);--tp-input-background-color-hover: hsla(0, 0%, 15%, 1);--tp-input-foreground-color: rgb(255, 255, 255);--tp-label-foreground-color: rgba(255, 255, 255, .78);--tp-monitor-background-color: hsla(0, 0%, 8%, 1);--tp-monitor-foreground-color: hsla(0, 0%, 72%, 1)}#gui-panel .tp-rotv,#gui-panel .tp-rotv *{font-family:var(--app-control-font-family)!important;font-variation-settings:"wght" 400!important;font-weight:400!important}#gui-panel .tp-rotv .tp-lblv_l{font-variation-settings:"wght" 300!important;font-weight:300!important}#gui-panel .tp-rotv .tp-fldv>.tp-fldv_b>.tp-fldv_t{font-variation-settings:"wght" 700!important;font-weight:700!important}#gui-panel .tp-bladev.is-unavailable{cursor:help}#gui-panel .tp-bladev.is-unavailable *{pointer-events:none!important}.gui-tooltip{position:fixed;z-index:2000;max-width:min(340px,calc(100vw - 28px));padding:7px 9px;border:1px solid rgba(255,255,255,.18);border-radius:6px;background:#080a0ef5;color:#ffffffe6;box-shadow:0 8px 28px #0000006b;font-family:var(--app-control-font-family);font-size:11px;font-weight:400;line-height:1.35;pointer-events:none}.gui-tooltip[hidden]{display:none}@media(max-width:1600px){#app{grid-template-rows:minmax(0,1fr) minmax(0,var(--bottom-panel-height)) auto}#app.bottom-panel-hidden{grid-template-rows:minmax(0,1fr) auto}.physical-view-pane,.cspace-view-pane{grid-row:1}.bottom-pheromone-panel{grid-row:2}.view-top-panel{grid-row:-2 / -1;border-top:1px solid var(--app-border-pane);border-bottom:0}}@media(max-width:1000px){:root{--gui-column-width: 100vw;--panel-gap: 8px}body{overflow:auto}#layout{grid-template-columns:1fr;grid-template-rows:auto auto;min-height:100vh;height:auto}#gui-panel{grid-row:1;border-right:0;border-bottom:1px solid var(--app-border-column)}#app{grid-row:2;grid-template-columns:1fr;grid-template-rows:auto auto auto auto;width:100vw;height:auto}#app.bottom-panel-hidden{grid-template-rows:auto auto auto}.view-top-panel{grid-template-columns:1fr}.top-panel-cell{border-right:0;border-bottom:1px solid var(--app-border-pane)}.top-panel-cell:last-child{border-bottom:0}.view-top-panel,.physical-view-pane,.cspace-view-pane,.bottom-pheromone-panel{grid-column:1}.physical-view-pane{grid-row:1;min-height:70vh}.cspace-view-pane{grid-row:2;min-height:50vh}.bottom-pheromone-panel{grid-row:3;display:flex;flex-direction:column}.bottom-pheromone-pane{min-height:30vh}.view-pane{border-right:0;border-bottom:1px solid var(--app-border-pane)}canvas{touch-action:manipulation!important}}