.lvc-app{min-width:1180px}.lvc-shell{min-height:0;display:grid;grid-template-columns:310px 1fr}.lvc-sidebar{background:linear-gradient(180deg,#0c1a20,#09151a);border-right:1px solid var(--line);min-height:0}.lvc-main{min-width:0;min-height:0;display:grid;grid-template-rows:52px 1fr;background:radial-gradient(circle at 30% 0,#10242c 0,#071014 45%)}
.eyebrow{font-size:10px;letter-spacing:.16em;color:var(--cyan);font-weight:750}.lvc-brand-block h1{margin:4px 0 0;font-size:30px;letter-spacing:.03em}.lvc-title-row{display:flex;align-items:center;gap:10px}.lvc-brand-block p,.demo-card p{font-size:12px;line-height:1.5;color:var(--muted);margin:8px 0 0}.lvc-metrics .metric b{font-size:21px}.full{width:100%;margin-top:7px}.compact{margin-top:12px}.compact select{padding:7px}.compact-empty{padding:14px}.demo-card{background:linear-gradient(145deg,#0f252b,#0a171c)}.demo-card h2{font-size:18px;margin:4px 0}.demo-diagram{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:5px;align-items:center;margin:12px 0}.reality{border:1px solid var(--line);border-radius:7px;padding:7px 4px;text-align:center;font-size:8px;letter-spacing:.08em}.reality b{font-size:11px;letter-spacing:0}.live-reality{color:var(--green);border-color:#267a55}.virtual-reality{color:var(--blue);border-color:#315f85}.constructive-reality{color:var(--amber);border-color:#776229}.diagram-plus{color:var(--muted)}.run-controls{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.run-controls button{padding:7px;font-size:10px}.link-stack{display:grid;grid-template-columns:1fr 1fr;gap:6px}.link-stack .btn{text-align:center;font-size:10px;padding:7px}
.lvc-tabbar{display:flex;align-items:center;gap:5px;padding:8px 12px;background:#081319;border-bottom:1px solid var(--line)}.lvc-tab{border-color:transparent;background:transparent;color:var(--muted);font-size:11px;letter-spacing:.06em;padding:8px 10px}.lvc-tab:hover,.lvc-tab.active{border-color:var(--line);background:#10242c;color:var(--text)}.tab-page{display:none;min-height:0;overflow:hidden}.tab-page.active{display:block;height:100%}.inline-select{width:auto;min-width:140px;padding:7px 9px;font-size:11px}
.operate-grid{height:100%;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.72fr);grid-template-rows:minmax(0,1fr) 220px;gap:12px;padding:12px}.synthetic-panel{min-height:0;display:grid;grid-template-rows:auto 1fr;overflow:hidden}.timeline-panel{min-height:0;display:grid;grid-template-rows:auto 1fr}.system-panel,.task-panel{min-height:0}.panel-head h2{font-size:14px;letter-spacing:.02em}.synthetic-stage{position:relative;min-height:360px;overflow:hidden;background:#0b1820;isolation:isolate}.synthetic-stage.large{min-height:500px;height:100%}.camera-feed,.fallback-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.camera-feed{display:none;z-index:1}.fallback-scene{z-index:0;overflow:hidden;background:linear-gradient(#75b6d7 0%,#b9d9e8 58%,#7d8d79 59%,#333c38 100%)}.fallback-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.06),transparent 25%,transparent 75%,rgba(0,0,0,.15));box-shadow:inset 0 0 120px #0006}.horizon{position:absolute;left:-5%;right:-5%;top:58%;height:17%;background:linear-gradient(#496a53,#263b2c);clip-path:polygon(0 45%,10% 20%,18% 42%,28% 5%,38% 38%,48% 15%,60% 44%,72% 3%,84% 37%,94% 12%,100% 41%,100% 100%,0 100%)}.parking-lines{position:absolute;left:0;right:0;bottom:0;height:35%;background:repeating-linear-gradient(105deg,transparent 0 12%,rgba(255,255,255,.34) 12.5% 13%,transparent 13.5% 25%);transform:perspective(300px) rotateX(50deg);transform-origin:bottom}.cloud{position:absolute;background:#fff9;border-radius:60px;filter:blur(2px);opacity:.65}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:50%}.cloud-a{width:150px;height:34px;left:12%;top:17%}.cloud-a:before{width:55px;height:55px;left:25px;top:-24px}.cloud-a:after{width:72px;height:65px;right:16px;top:-31px}.cloud-b{width:110px;height:26px;right:15%;top:29%;opacity:.45}.cloud-b:before{width:43px;height:45px;left:18px;top:-20px}.cloud-b:after{width:54px;height:47px;right:10px;top:-24px}.fallback-label{position:absolute;left:50%;top:74%;transform:translate(-50%,-50%);z-index:2;text-align:center;color:#d8eef2aa;font-size:11px;letter-spacing:.15em;text-shadow:0 1px 4px #000}.fallback-label span{font-size:9px;letter-spacing:.05em}.synthetic-layer{position:absolute;inset:0;z-index:5;pointer-events:none}.synthetic-entity{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;filter:drop-shadow(0 3px 5px #0008)}.synthetic-entity img{width:100%;height:100%;object-fit:contain}.synthetic-entity .entity-label{position:absolute;top:100%;left:50%;transform:translateX(-50%);white-space:nowrap;margin-top:3px;padding:3px 6px;border:1px solid currentColor;background:#061116dc;border-radius:4px;font-size:9px;font-family:ui-monospace,monospace}.synthetic-entity.virtual{color:#8ecbff}.synthetic-entity.constructive{color:#ffd87a}.synthetic-entity.offscreen{opacity:.82}.offscreen-arrow{font-size:26px;text-shadow:0 2px 5px #000}.entity-range{font-size:8px;color:#cfe7eb;margin-left:4px}.view-reticle{position:absolute;left:50%;top:50%;width:50px;height:50px;transform:translate(-50%,-50%);z-index:7;opacity:.55}.view-reticle:before,.view-reticle:after{content:"";position:absolute;background:#7fffe1}.view-reticle:before{left:0;right:0;top:24px;height:1px}.view-reticle:after{top:0;bottom:0;left:24px;width:1px}.view-reticle i{position:absolute;width:9px;height:9px;border-color:#7fffe1;border-style:solid}.view-reticle i:first-child{left:0;top:0;border-width:1px 0 0 1px}.view-reticle i:last-child{right:0;bottom:0;border-width:0 1px 1px 0}.view-hud{position:absolute;z-index:8;background:#061116b8;border:1px solid #9dc8d044;padding:5px 7px;border-radius:4px;font-size:9px;color:#d3ecef;pointer-events:none}.top-left{left:8px;top:8px}.top-right{right:8px;top:8px;text-align:right}.bottom-left{left:8px;bottom:8px}.bottom-right{right:8px;bottom:8px;display:flex;gap:7px}.legend-live{color:var(--green)}.legend-virtual{color:var(--blue)}.legend-constructive{color:var(--amber)}.calibration-grid{position:absolute;inset:0;z-index:4;background-image:linear-gradient(#d5ffff20 1px,transparent 1px),linear-gradient(90deg,#d5ffff20 1px,transparent 1px);background-size:10% 10%;pointer-events:none}
.timeline{gap:6px}.timeline-entry{font-size:10px;padding:7px 8px 7px 12px}.timeline-entry .event-head{display:flex;gap:7px;align-items:center}.timeline-entry .event-time{color:var(--cyan);font-family:ui-monospace,monospace}.timeline-entry.track{border-left-color:var(--blue)}.timeline-entry.status{border-left-color:var(--green)}.timeline-entry.interaction{border-left-color:var(--amber)}.connection-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.connection-chip{border:1px solid var(--line);border-radius:7px;padding:9px;background:#0a171c;min-width:0}.connection-chip b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.connection-chip small{display:block;margin-top:3px;color:var(--muted);font-size:9px}.connection-chip.ready{border-color:#287b57}.connection-chip.warning{border-color:#7e6527}.connection-chip.off{opacity:.6}.task-bridge-card{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.task-icon{width:42px;height:42px;border:1px solid #2d785a;border-radius:8px;display:grid;place-items:center;color:var(--green);font-weight:800}.task-bridge-card h3{margin:0;font-size:13px}.task-bridge-card p{margin:3px 0 0;color:var(--muted);font-size:10px}
.view-grid{height:100%;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:12px;padding:12px}.view-editor-stage-panel{display:grid;grid-template-rows:auto 1fr;min-height:0;overflow:hidden}.calibration-panel{min-height:0;display:grid;grid-template-rows:auto 1fr}.check-row{display:flex;gap:8px;align-items:center;text-transform:none;letter-spacing:0;margin:8px 0;color:var(--text)}.check-row input{width:auto}.warning-note{padding:10px;border:1px solid #806729;background:#2d260f;color:#f3d580;border-radius:6px;font-size:10px;line-height:1.45;margin:10px 0}
.management-page{height:100%;display:grid;grid-template-columns:390px minmax(0,1fr);gap:12px;padding:12px}.list-panel,.detail-panel{min-height:0;display:grid;grid-template-rows:auto 1fr}.card-list{display:flex;flex-direction:column;gap:8px}.library-card{border:1px solid var(--line);background:#0a171c;border-radius:8px;padding:11px;cursor:pointer}.library-card:hover,.library-card.selected{border-color:#3c7e8d;background:#10242c}.library-card h3{margin:0;font-size:13px}.library-card p{margin:5px 0;color:var(--muted);font-size:10px;line-height:1.4}.library-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.detail-hero{border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:14px}.detail-hero h1{margin:0 0 6px;font-size:24px}.detail-hero p{color:var(--muted);line-height:1.55}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.detail-block{background:#0a171c;border:1px solid var(--line);padding:11px;border-radius:7px}.detail-block h3{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 7px}.detail-block b{font-size:14px}.code-block{background:#061116;border:1px solid var(--line);border-radius:7px;padding:12px;white-space:pre-wrap;font-size:10px;max-height:380px;overflow:auto}.reality-filter{display:flex;gap:5px;padding:10px 14px 0}.reality-filter button{font-size:9px;padding:5px 8px}.reality-filter button.active{border-color:#3b7d8d;color:var(--cyan)}.asset-reality{font-size:9px;letter-spacing:.09em}.asset-reality.LIVE{color:var(--green)}.asset-reality.VIRTUAL{color:var(--blue)}.asset-reality.CONSTRUCTIVE{color:var(--amber)}
.connections-page{height:100%;padding:12px;display:grid;grid-template-rows:auto 1fr;gap:12px}.connections-head{display:flex;align-items:center;gap:20px}.connections-head h2{margin:0}.connections-head p{margin:5px 0 0;color:var(--muted);font-size:11px}.connection-grid{display:grid;grid-template-columns:repeat(3,minmax(280px,1fr));grid-auto-rows:min-content;gap:10px;padding-bottom:12px}.connection-card{border:1px solid var(--line);background:#0a171c;border-radius:9px;padding:13px}.connection-card.connected{border-color:#287b57}.connection-card.ready{border-color:#386c7b}.connection-card.unconfigured,.connection-card.disconnected{border-color:#745c29}.connection-card.disabled{opacity:.62}.connection-card h3{margin:0;font-size:14px}.connection-card .endpoint{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:8px 0}.connection-contract{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:9px 0}.contract-box{border:1px solid var(--line);border-radius:6px;padding:7px;font-size:9px}.contract-box b{display:block;color:var(--muted);margin-bottom:4px}.connection-actions{display:flex;gap:6px}.connection-actions button{font-size:9px;padding:6px 8px}.protocol-icon{width:38px;height:38px;border:1px solid var(--line);border-radius:7px;display:grid;place-items:center;font-size:9px;font-weight:800;color:var(--cyan)}
.json-modal{width:min(900px,100%)}.json-editor{height:56vh;min-height:360px;resize:vertical;font-size:11px;line-height:1.45}.toast{display:none}.progress{height:6px;background:#061116;border:1px solid var(--line);border-radius:99px;overflow:hidden;margin-top:8px}.progress i{display:block;height:100%;background:var(--cyan);width:0}.event-table{width:100%;border-collapse:collapse;font-size:10px}.event-table th,.event-table td{text-align:left;padding:7px;border-bottom:1px solid var(--line);vertical-align:top}.event-table th{color:var(--muted);position:sticky;top:0;background:var(--panel)}
@media(max-width:1350px){.lvc-app{min-width:1000px}.lvc-shell{grid-template-columns:280px 1fr}.connection-grid{grid-template-columns:repeat(2,minmax(280px,1fr))}.operate-grid{grid-template-columns:minmax(0,1.4fr) 300px}.view-grid{grid-template-columns:minmax(0,1fr) 330px}}