:root{--navy:#041f42;--navy-2:#082852;--navy-dark:#021227;--blue:#0066cc;--blue-hover:#0052a3;--cyan:#12b8c4;--violet:#7c5ce7;--amber:#cc3d00;--orange:#f59e0b;--red:#e0525d;--red-dark:#991b1b;--green:#22a06b;--green-dark:#166534;--ink:#172237;--muted:#475569;--line:#dfe5ee;--bg:#f8fafc;--panel:#ffffff;--soft:#f1f5f9;--shadow:0 14px 35px rgba(24,43,77,0.08);--shadow-sm:0 4px 12px rgba(24,43,77,0.05);--radius:16px;--radius-sm:10px}*{box-sizing:border-box}html,body{overflow-x:hidden !important;width:100% !important;max-width:100vw !important}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:13.5px;line-height:1.5}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:280px;background:linear-gradient(180deg,var(--navy) 0%,#0c1c36 60%,var(--navy-dark) 100%);color:#fff;padding:22px 16px;display:flex;flex-direction:column;z-index:50;box-shadow:12px 0 30px rgba(4,31,66,0.16);overflow-y:auto}.brand{display:flex;gap:12px;align-items:center;padding:0 6px 20px;border-bottom:1px solid rgba(255,255,255,0.1);margin-bottom:18px}.brand-mark{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#0066cc,#12b8c4);display:grid;place-items:center;box-shadow:0 8px 20px rgba(0,102,204,0.35);flex-shrink:0}.brand-mark svg{width:26px;height:26px;stroke:#fff;fill:none;stroke-width:2.2}.brand strong{display:block;font-size:15px;letter-spacing:-0.2px;color:#ffffff}.brand span{display:block;color:#93b3db;font-size:10.5px;margin-top:2px}.sidebar-presets{margin-bottom:20px}.sidebar-presets-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#8da4c4;margin-bottom:8px;padding-left:6px;font-weight:700}.preset-buttons{display:flex;flex-direction:column;gap:6px}.btn-preset{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:9px;color:#d1e2f7;padding:8px 10px;text-align:left;font-size:11.5px;font-weight:600;display:flex;align-items:center;gap:8px;transition:all 0.18s ease}.btn-preset:hover{background:rgba(0,102,204,0.25);border-color:rgba(18,184,196,0.4);color:#fff;transform:translateX(2px)}.btn-preset.active{background:linear-gradient(135deg,rgba(0,102,204,0.5),rgba(18,184,196,0.35));border-color:#38bdf8;color:#fff;box-shadow:0 4px 12px rgba(0,102,204,0.3)}.btn-preset .preset-dot{width:7px;height:7px;border-radius:50%;background:#38bdf8;flex-shrink:0}.sidebar-nav{display:flex;flex-direction:column;gap:4px}.nav-item{border:0;background:transparent;color:#a3bad6;display:flex;align-items:center;gap:10px;text-align:left;padding:10px 12px;border-radius:9px;transition:0.18s;font-size:12px;font-weight:600;width:100%}.nav-item:hover{background:rgba(255,255,255,0.08);color:#fff}.nav-item.active{background:linear-gradient(90deg,rgba(0,102,204,0.35),rgba(0,102,204,0.1));color:#fff;box-shadow:inset 3px 0 0 #0066cc}.nav-item .nav-icon{width:22px;height:22px;display:grid;place-items:center;font-size:13px;border-radius:6px;background:rgba(255,255,255,0.07)}.nav-item.active .nav-icon{background:#0066cc;color:#fff}.sidebar-footer{margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,0.1)}.sidebar-status{display:flex;align-items:center;gap:8px;font-size:11px;color:#8fa9cb}.status-indicator{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(34,160,107,0.2)}.sidebar-lang-pills{display:flex;gap:5px;margin-top:12px;flex-wrap:wrap}.sidebar-lang-pill{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:5px 8px;border-radius:6px;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.12);color:#c4d3e8;font-size:11px;font-weight:600;text-decoration:none;transition:all 0.18s ease}.sidebar-lang-pill img{border-radius:2px;flex-shrink:0}.sidebar-lang-pill:hover{background:rgba(0,102,204,0.35);border-color:#38bdf8;color:#fff}.sidebar-lang-pill.active{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:700}.workspace{grid-column:2;min-width:0}.topbar{height:70px;background:rgba(255,255,255,0.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:0 28px;position:sticky;top:0;z-index:40}.topbar-title{min-width:0;flex:1}.topbar-title h1{margin:0;font-weight:750;font-size:16px;color:var(--navy);letter-spacing:-0.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-title small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.top-actions{display:flex;align-items:center;gap:8px}.btn{border:1px solid transparent;border-radius:9px;padding:8px 14px;font-weight:650;font-size:12px;transition:all 0.18s ease;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;text-decoration:none}.btn.primary{background:var(--blue);color:#fff;box-shadow:0 4px 14px rgba(0,102,204,0.25)}.btn.primary:hover{background:var(--blue-hover);transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,102,204,0.35)}.btn.accent{background:linear-gradient(135deg,#cc3d00,#ea580c);color:#fff;box-shadow:0 4px 14px rgba(204,61,0,0.25)}.btn.accent:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(204,61,0,0.35)}.btn.secondary{background:#eaf2fc;color:var(--blue);border-color:#cfe1f7}.btn.secondary:hover{background:#d8e8fa;border-color:#b5d3f5}.btn.ghost{background:#fff;color:#334155;border-color:var(--line)}.btn.ghost:hover{background:var(--soft);border-color:#cbd5e1}.btn-home{background:#fff !important;color:var(--navy) !important;border:1px solid #c5d5ea !important}.page{display:none;padding:24px 28px;max-width:1600px;margin:0 auto}.page.active{display:block}.kpi-banner{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:20px}.kpi-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-sm);padding:14px 16px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:transform 0.18s ease,box-shadow 0.18s ease}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(24,43,77,0.08)}.kpi-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--blue)}.kpi-card.kpi-amber::before{background:var(--amber)}.kpi-card.kpi-cyan::before{background:var(--cyan)}.kpi-card.kpi-violet::before{background:var(--violet)}.kpi-card.kpi-green::before{background:var(--green)}.kpi-card.kpi-red::before{background:var(--red)}.kpi-label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;color:var(--muted);margin-bottom:6px}.kpi-value{font-size:20px;font-weight:800;color:var(--ink);line-height:1.1;font-feature-settings:"tnum"}.kpi-sub{font-size:10px;color:#64748b;margin-top:4px}.kpi-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:4px;font-size:9.5px;font-weight:800;text-transform:uppercase;margin-top:4px;width:fit-content}.badge-pass{background:#dcfce7;color:var(--green-dark)}.badge-warn{background:#fef3c7;color:#92400e}.badge-fail{background:#fee2e2;color:var(--red-dark)}.sim-grid{display:grid;grid-template-columns:420px 1fr;gap:20px;align-items:start}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px;margin-bottom:20px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--line)}.panel-head h2{font-size:14.5px;font-weight:750;margin:0;color:var(--navy);display:flex;align-items:center;gap:8px}.panel-head p{font-size:11px;color:var(--muted);margin:2px 0 0}.control-group{margin-bottom:14px}.control-label{display:flex;justify-content:space-between;align-items:center;font-size:11.5px;font-weight:650;color:#334155;margin-bottom:6px}.control-val-badge{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;font-weight:700;color:var(--blue);background:#f0f7ff;border:1px solid #d0e4fa;border-radius:6px;padding:1px 7px}.slider-row{display:grid;grid-template-columns:1fr 75px;gap:10px;align-items:center}input[type="range"]{width:100%;accent-color:var(--blue);height:6px;border-radius:3px;background:#e2e8f0;outline:none;cursor:pointer}input[type="number"],select,input[type="text"]{width:100%;border:1px solid #cbd5e1;border-radius:7px;padding:6px 8px;font-size:12px;background:#fff;color:var(--ink);outline:none;transition:border-color 0.15s ease}input[type="number"]:focus,select:focus,input[type="text"]:focus{border-color:var(--blue);box-shadow:0 0 0 2px rgba(0,102,204,0.15)}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:var(--soft);border-radius:8px;margin-bottom:10px}.toggle-label{font-size:12px;font-weight:600;color:#334155}.toggle-switch{position:relative;display:inline-block;width:42px;height:22px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:0.2s;border-radius:22px}.toggle-slider::before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:white;transition:0.2s;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,0.2)}input:checked + .toggle-slider{background-color:var(--blue)}input:checked + .toggle-slider::before{transform:translateX(20px)}.stage-card{background:#ffffff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:20px;margin-bottom:20px}.stage-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.stage-head h2{margin:0;font-size:15px;font-weight:750;color:var(--navy);display:flex;align-items:center;gap:8px}.stage-head p{margin:3px 0 0;font-size:11.5px;color:var(--muted)}.stage-legend{display:flex;gap:12px;align-items:center;font-size:10.5px;color:var(--muted);flex-wrap:wrap}.legend-chip{display:inline-flex;align-items:center;gap:5px}.legend-chip i{width:12px;height:12px;border-radius:3px;display:inline-block}.svg-canvas-wrap{width:100%;height:380px;background:#f8fafc;border:1px solid var(--line);border-radius:12px;overflow:hidden;position:relative}.svg-canvas-wrap.thermo-canvas-wrap{height:500px}.svg-canvas-wrap.kinematics-canvas-wrap{height:420px}.svg-canvas-wrap svg{width:100%;height:100%;display:block}.thermal-subgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.submetric-box{background:var(--soft);border:1px solid #e2e8f0;border-radius:9px;padding:10px 12px}.submetric-box span{display:block;font-size:10px;color:var(--muted);text-transform:uppercase;font-weight:700}.submetric-box strong{display:block;font-size:16px;color:var(--ink);margin-top:2px}.submetric-box small{display:block;font-size:10px;color:#64748b}.layer-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px}.layer-table{width:100%;border-collapse:collapse;font-size:11.5px;text-align:left}.layer-table th{background:#f1f5f9;color:var(--navy);padding:10px 12px;font-weight:700;border-bottom:1px solid var(--line);white-space:nowrap}.layer-table td{padding:9px 12px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.layer-table tr:hover td{background:#f8fafc}.color-swatch{width:14px;height:14px;border-radius:3px;display:inline-block;vertical-align:middle;margin-right:6px;border:1px solid rgba(0,0,0,0.1)}.modal-backdrop{display:none;position:fixed;inset:0;background:rgba(4,31,66,0.65);backdrop-filter:blur(4px);z-index:1000;place-items:center;padding:20px}.modal-backdrop.open{display:grid}.modal-content{background:#fff;border-radius:var(--radius);max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 24px 60px rgba(4,31,66,0.3);padding:30px;position:relative}.modal-close{position:absolute;top:18px;right:18px;background:#f1f5f9;border:0;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:18px;color:#475569}.modal-close:hover{background:#e2e8f0;color:#0f172a}@media (max-width:1200px){.sim-grid{grid-template-columns:1fr}.kpi-banner{grid-template-columns:repeat(3,1fr)}}.mobile-sidebar-toggle{display:none;background:none;border:1px solid var(--line);padding:8px;cursor:pointer;flex-direction:column;gap:4px;border-radius:8px;background:#fff}.mobile-sidebar-toggle span{display:block;width:18px;height:2px;background:var(--navy);border-radius:2px;transition:transform 0.2s ease,opacity 0.2s ease}.sidebar-close-btn{display:none;position:absolute;top:14px;right:14px;background:rgba(255,255,255,0.1);border:none;color:#fff;width:32px;height:32px;border-radius:50%;font-size:20px;line-height:1;cursor:pointer;place-items:center;z-index:60}.sidebar-close-btn:hover{background:rgba(255,255,255,0.2)}.sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(4,31,66,0.6);backdrop-filter:blur(3px);z-index:45}.sidebar-backdrop.active{display:block}@media (max-width:900px){.mobile-sidebar-toggle{display:flex}.sidebar-close-btn{display:grid}.app-shell{display:block}.sidebar{width:290px;transform:translateX(-100%);transition:transform 0.25s cubic-bezier(0.16,1,0.3,1);box-shadow:16px 0 40px rgba(0,0,0,0.35)}.sidebar.open{transform:none}.workspace{grid-column:auto}.kpi-banner{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.topbar{padding:0 16px}.page{padding:16px}.kpi-banner{grid-template-columns:1fr}.thermal-subgrid{grid-template-columns:1fr}}