:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#070a0e;--panel:#10161d;--panel-2:#151d25;--panel-3:#1b2630;--line:#263440;--line-strong:#3b4f5f;--text:#e7edf2;--muted:#8ea1af;--subtle:#5f7483;--accent:#35c7f0;--accent-2:#76e4a9;--warn:#f4bd50;--danger:#ff6b6b;--ok:#7ce38b;--shadow:0 18px 50px #00000052}*{box-sizing:border-box}html,body{background:var(--bg);width:100%;min-height:100%;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{color:inherit}.boot-screen{background:linear-gradient(180deg, #35c7f014, transparent 38%), var(--bg);place-items:center;min-height:100vh;display:grid}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:700}.app-shell{background:var(--bg);grid-template-columns:minmax(0,1fr) 430px;width:100vw;height:100vh;display:grid;overflow:hidden}.viewport-zone{min-width:0;min-height:0;position:relative}.scene-wrap{position:absolute;inset:0}.topbar{z-index:5;pointer-events:none;justify-content:space-between;gap:16px;display:flex;position:absolute;top:16px;left:16px;right:16px}.brand-block,.status-strip,.viewport-hud,.sim-toolbar{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0f14c7;border:1px solid #5b7a9173}.brand-block{align-items:center;gap:12px;padding:12px 14px;display:flex}.brand-block h1,.panel-header h2,.section-title h3{letter-spacing:0;margin:0}.brand-block h1{font-size:18px}.brand-mark{width:38px;height:38px;color:var(--accent);background:#35c7f024;border:1px solid #35c7f05c;place-items:center;display:grid}.status-strip{color:var(--muted);align-self:start;align-items:center;gap:10px;padding:10px;font-size:12px;display:flex}.status-strip span{align-items:center;gap:6px;display:inline-flex}.ok,.solved{color:var(--ok)!important}.partial,.unreachable{color:var(--warn)!important}.failed{color:var(--danger)}.control-rail{border-left:1px solid var(--line);background:linear-gradient(180deg, #35c7f00f, transparent 26%), var(--panel);grid-template-rows:auto auto minmax(0,1fr);min-height:0;display:grid}.panel-tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:8px;padding:12px;display:grid}.icon-button{border:1px solid var(--line);height:36px;color:var(--muted);cursor:pointer;background:#ffffff08;place-items:center;display:inline-grid}.icon-button:hover,.icon-button.active{color:var(--accent);background:#35c7f01a;border-color:#35c7f08c}.panel-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;gap:14px;padding:16px;display:flex}.panel-header h2{text-transform:capitalize;font-size:18px}.panel-scroll{min-height:0;padding:14px;overflow:auto}.panel-stack{gap:14px;display:grid}.panel-section,.joint-card,.log-row{border:1px solid var(--line);background:#ffffff09}.panel-section{padding:14px}.section-title{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-title h3{font-size:14px}.section-title span{color:var(--muted);border:1px solid var(--line);padding:3px 7px;font-size:12px}.joint-card{margin-bottom:10px;padding:12px}.slider-row,.number-field{gap:7px;margin-bottom:10px;display:grid}.slider-row span,.number-field span{color:var(--muted);justify-content:space-between;gap:12px;font-size:12px;display:flex}.slider-row strong{color:var(--text);font-weight:600}input[type=range]{width:100%;accent-color:var(--accent)}.number-field div{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.number-field input{border:1px solid var(--line);width:100%;height:34px;color:var(--text);background:#0b1117;padding:0 9px}.number-field em{color:var(--subtle);font-size:12px;font-style:normal}.xyz-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.toggle-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.toggle-group button,.pose-buttons button,.log-actions button,.object-list button,.primary-action,.ghost-action,.record-action{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#ffffff09;min-height:34px}.toggle-group button.active,.pose-buttons button:hover,.object-list button.active{color:var(--accent);background:#35c7f01a;border-color:#35c7f08c}.primary-action,.ghost-action,.record-action{justify-content:center;align-items:center;gap:8px;width:100%;padding:9px 12px;display:inline-flex}.primary-action{color:var(--accent);background:#35c7f024;border-color:#35c7f08c}.compact{width:auto;min-width:92px}.ghost-action{color:var(--muted)}.record-action.active{color:var(--warn);background:#f4bd501a;border-color:#f4bd5080}.panel-note{color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.45}.object-list{gap:8px;display:grid}.object-list button{text-align:left;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px;display:grid}.object-list span{width:12px;height:12px}.object-list em{color:var(--ok);font-size:11px;font-style:normal}.metric-list{gap:10px;margin:0;display:grid}.metric-list div{border-bottom:1px solid #ffffff0f;justify-content:space-between;gap:14px;padding-bottom:8px;display:flex}.metric-list dt,.check-list{color:var(--muted)}.metric-list dd{color:var(--text);text-align:right;margin:0}.check-list{margin:0;padding-left:18px;line-height:1.8}.sim-toolbar{z-index:6;grid-template-columns:minmax(240px,auto) minmax(260px,1fr) auto;align-items:center;gap:14px;padding:12px;display:grid;position:absolute;bottom:16px;left:16px;right:16px}.pose-buttons,.toolbar-actions,.log-actions{flex-wrap:wrap;gap:8px;display:flex}.pose-buttons button{padding:0 10px}.toolbar-control{min-width:240px}.toolbar-control .slider-row{margin:0}.viewport-hud{z-index:4;gap:8px;width:230px;padding:12px;display:grid;position:absolute;top:92px;left:16px}.viewport-hud div{justify-content:space-between;gap:10px;font-size:12px;display:flex}.viewport-hud span{color:var(--muted)}.virtual-log{border:1px solid var(--line);background:#00000029;height:470px;overflow:auto}.log-row{border-left:3px solid var(--line);min-height:76px;padding:10px}.log-row.success{border-left-color:var(--ok)}.log-row.failed{border-left-color:var(--danger)}.log-row header,.log-row footer{justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.log-row p{color:var(--text);margin:7px 0}.log-row span,.log-row footer{color:var(--muted)}@media (max-width:1100px){.app-shell{grid-template-rows:minmax(55vh,1fr) minmax(360px,45vh);grid-template-columns:1fr}.control-rail{border-left:0;border-top:1px solid var(--line)}.sim-toolbar{grid-template-columns:1fr}.topbar{flex-direction:column;right:auto}}.camera-toggle-btn{z-index:5;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;color:var(--text);pointer-events:auto;background:#0a0f14c7;border:1px solid #5b7a9173;align-items:center;gap:8px;padding:8px 12px;font-size:12px;transition:all .2s;display:flex;position:absolute;top:92px;right:16px}.camera-toggle-btn:hover{color:var(--accent);background:#35c7f01a;border-color:#35c7f08c}@keyframes panel-slide-in{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.camera-control-panel{z-index:4;width:230px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto;background:#0a0f14c7;border:1px solid #5b7a9173;gap:8px;padding:12px;transition:left .35s cubic-bezier(.34,1.56,.64,1),right .35s cubic-bezier(.34,1.56,.64,1),top .35s cubic-bezier(.34,1.56,.64,1);animation:.22s cubic-bezier(.34,1.56,.64,1) forwards panel-slide-in;display:grid;position:absolute;top:136px;right:16px}.camera-panel-title{text-transform:uppercase;color:var(--accent);letter-spacing:.5px;margin-bottom:4px;font-size:12px;font-weight:700}.camera-preset-btn{border:1px solid var(--line);color:var(--text);cursor:pointer;text-align:left;background:#ffffff09;align-items:center;gap:8px;width:100%;padding:8px 10px;font-size:12px;transition:all .15s;display:flex}.camera-preset-btn:hover,.camera-preset-btn.active{color:var(--accent);background:#35c7f01a;border-color:#35c7f08c}.camera-tools-grid{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:6px;margin-top:4px;padding-top:10px;display:grid}.camera-tool-btn{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#ffffff09;justify-content:center;align-items:center;height:32px;transition:all .15s;display:flex}.camera-tool-btn:hover{color:var(--accent);background:#35c7f01a;border-color:#35c7f08c}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-animation{animation:8s linear infinite spin}.mc-shell{background:var(--bg);min-height:100vh;color:var(--text);grid-template-columns:224px minmax(0,1fr);display:grid}.mc-sidebar{border-right:1px solid var(--line);background:linear-gradient(180deg, #35c7f014, transparent 30%), var(--panel);grid-template-rows:auto minmax(0,1fr) auto;gap:16px;min-height:100vh;padding:16px 12px;display:grid}.mc-brand{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 8px 16px;display:flex}.mc-brand h1,.mc-top h2,.mc-resource-hero h1{letter-spacing:0;margin:0}.mc-brand h1{font-size:16px}.mc-sidebar nav{align-content:start;gap:8px;display:grid}.mc-sidebar a,.mc-nav-button{min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:0 12px;text-decoration:none;display:flex}.mc-sidebar a:hover,.mc-sidebar a.active,.mc-nav-button:hover{color:var(--accent);background:#35c7f01a;border-color:#35c7f08c}.mc-main{grid-template-rows:auto minmax(0,1fr) auto;gap:16px;min-width:0;padding:16px;display:grid}.mc-top,.mc-resource-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.mc-top{border:1px solid var(--line);background:#ffffff09;min-height:64px;padding:12px 14px}.mc-top h2{font-size:18px}.mc-status-strip{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;font-size:12px;display:flex}.mc-status-strip span{border:1px solid var(--line);align-items:center;gap:6px;min-height:34px;padding:0 10px;display:inline-flex}.mc-grid{grid-template-columns:minmax(420px,1fr) 420px;gap:16px;min-height:0;display:grid}.mc-viewport{border:1px solid var(--line);background:var(--panel);min-height:520px;position:relative;overflow:hidden}.mc-twin{position:absolute;inset:0}.mc-viewport-hud,.mc-camera-tabs{z-index:3;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0f14c7;border:1px solid #5b7a9173;position:absolute}.mc-viewport-hud{grid-template-columns:auto minmax(0,1fr);gap:8px 12px;width:min(440px,100% - 32px);padding:12px;font-size:12px;display:grid;top:16px;left:16px}.mc-viewport-hud span{color:var(--muted)}.mc-camera-tabs{flex-wrap:wrap;gap:8px;padding:8px;display:flex;bottom:16px;left:16px}.mc-camera-tabs button{border:1px solid var(--line);min-height:34px;color:var(--muted);text-transform:uppercase;cursor:pointer;background:#ffffff09;padding:0 10px}.mc-camera-tabs button:hover,.mc-camera-tabs button.active{color:var(--accent);background:#35c7f01a;border-color:#35c7f08c}.mc-control-panel{align-content:start;gap:12px;min-height:0;display:grid;overflow:auto}.mc-select{border:1px solid var(--line);width:100%;height:38px;color:var(--text);background:#0b1117;padding:0 10px}.mc-field{gap:8px;margin-bottom:12px;display:grid}.mc-field span{color:var(--muted);justify-content:space-between;gap:12px;font-size:12px;display:flex}.mc-field strong{color:var(--text);font-variant-numeric:tabular-nums}.mc-field input[type=number]{border:1px solid var(--line);height:34px;color:var(--text);background:#0b1117;padding:0 9px}.mc-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mc-action-grid button{min-width:0}.danger-action{min-height:38px;color:var(--danger);cursor:pointer;background:#ff6b6b24;border:1px solid #ff6b6b8c;justify-content:center;align-items:center;gap:8px;display:inline-flex}button:disabled,.danger-action:disabled,.primary-action:disabled,.ghost-action:disabled{opacity:.48;cursor:not-allowed}.mc-error{color:var(--danger);background:#ff6b6b1a;border:1px solid #ff6b6b8c;align-items:center;gap:8px;padding:12px;font-size:12px;display:flex}.mc-bottom{grid-template-columns:1.1fr 1fr 1fr .9fr;gap:12px;display:grid}.mc-bottom .panel-section{flex-direction:column;min-width:0;height:220px;display:flex}.mc-bottom .panel-section>:not(.section-title){flex:1;min-height:0;padding-right:4px;overflow-y:auto}pre{max-width:100%;color:var(--muted);margin:0;font-size:12px;line-height:1.5;overflow:auto}.mc-log-list{gap:8px;display:grid}.mc-log-row{border:1px solid var(--line);background:#ffffff06;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:8px;font-size:12px;display:grid}.mc-log-row strong{color:var(--accent);font-variant-numeric:tabular-nums}.mc-log-row span{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mc-log-row.success{border-color:#7ce38b59}.mc-log-row.warning{border-color:#f4bd5066}.mc-log-row.error{border-color:#ff6b6b73}.mc-resource-shell{background:var(--bg);align-content:start;gap:16px;min-height:100vh;padding:16px;display:grid}.mc-resource-hero{border:1px solid var(--line);background:#ffffff09;align-items:center;gap:16px;padding:18px;display:flex}.mc-resource-hero p:last-child{color:var(--muted);margin:6px 0 0}.mc-resource-list{gap:10px;display:grid}.mc-resource-card{border:1px solid var(--line);background:#ffffff09;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:58px;padding:12px;display:grid}.mc-resource-card svg{color:var(--accent)}.mc-resource-card div{gap:4px;min-width:0;display:grid}.mc-resource-card span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mc-resource-card em{color:var(--ok);font-size:12px;font-style:normal}button:active,.mc-sidebar a:active{transform:scale(.98)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width:1180px){.mc-shell{grid-template-columns:1fr}.mc-sidebar{grid-template-rows:auto;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;min-height:auto}.mc-sidebar nav{display:flex;overflow-x:auto}.mc-grid,.mc-bottom{grid-template-columns:1fr}.mc-viewport{min-height:58vh}}@media (max-width:720px){.mc-main,.mc-resource-shell{padding:10px}.mc-sidebar{grid-template-columns:1fr;padding:10px}.mc-top,.mc-resource-top{flex-direction:column;align-items:stretch}.mc-status-strip,.mc-action-grid,.xyz-grid{grid-template-columns:1fr}.mc-action-grid{display:grid}.mc-viewport{min-height:440px}.mc-resource-card{grid-template-columns:auto minmax(0,1fr)}.mc-resource-card em{grid-column:2}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}