*{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#070a0f;--panel:#121924e0;--line:#96b0d22e;--line-strong:#96b0d252;--text:#eef6ff;--muted:#9fb0c5;--subtle:#6f829b;--teal:#26d9b5;--blue:#6ea8ff;--gold:#f6c15f;--red:#ff6878;--shadow:0 18px 50px #00000061;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}body{background:radial-gradient(circle at 25% 10%,#26d9b51c,#0000 28rem),radial-gradient(circle at 76% 8%,#6ea8ff1f,#0000 30rem),linear-gradient(#090d14 0%,#070a0f 42%,#05070b 100%);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input,select{font:inherit}button,.file-button{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#ffffff0b;border-radius:8px;min-height:36px;padding:8px 12px;transition:border-color .16s,background .16s,transform .16s}button:hover,.file-button:hover{border-color:var(--line-strong);background:#ffffff14}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.primary{background:linear-gradient(135deg,#26d9b538,#6ea8ff29);border-color:#26d9b56b}.danger{background:#ff687826;border-color:#ff687873}.app-shell{min-height:100vh}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070a0fe0;grid-template-columns:minmax(210px,280px) 1fr auto;align-items:center;gap:16px;padding:12px 18px;display:grid;position:sticky;top:0}.brand{text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.brand-mark{width:42px;height:42px;color:var(--teal);background:linear-gradient(135deg,#26d9b533,#f6c15f1f);border:1px solid #26d9b566;border-radius:10px;place-items:center;font-weight:800;display:grid}.brand strong,.brand small{display:block}.brand small,.topbar nav button,.panel-heading span,.stage-header span,.metric-card span,.node-type,.risk-list span,.score-row p,.recommendation-list small,.scenario-card small,.toast{color:var(--muted);font-size:12px}.topbar nav{justify-content:center;gap:5px;display:flex;overflow-x:auto}.topbar nav button{white-space:nowrap;background:0 0;border-color:#0000;min-height:34px;padding:7px 10px}.topbar nav button.active{border-color:var(--line);color:var(--text);background:#ffffff12}.top-actions,.hero-actions,.run-controls,.report-actions,.delta-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.landing{padding:34px}.hero-section{grid-template-columns:minmax(280px,.8fr) minmax(520px,1.2fr);align-items:center;gap:28px;min-height:calc(100vh - 126px);display:grid}.hero-copy h1{letter-spacing:0;margin:0 0 16px;font-size:clamp(48px,8vw,104px);line-height:.95}.hero-copy p{color:#c4d2e4;max-width:680px;font-size:clamp(18px,2vw,24px)}.hero-console{border:1px solid var(--line);min-height:560px;box-shadow:var(--shadow);background:#070a0f99;border-radius:12px;padding:14px}.feature-band{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px;display:grid}.feature-band article,.metric-card,.left-rail,.inspector,.wide-panel,.analysis-grid article,.recommendation-list article,.score-row,.scenario-card,.comparison-panel,.empty-state,.methodology,.reports-view{border:1px solid var(--line);background:var(--panel);border-radius:8px;box-shadow:0 10px 30px #00000038}.feature-band article{padding:18px}.feature-band p,.system-summary p,.methodology p,.comparison-panel p,.wide-panel p,.scenario-card p,.recommendation-list p{color:#b8c8dc}.workspace{grid-template-columns:280px minmax(0,1fr) 320px;gap:14px;min-height:calc(100vh - 67px);padding:14px;display:grid}.left-rail,.inspector{min-width:0;padding:14px}.left-rail{flex-direction:column;gap:14px;display:flex}.left-rail select,.field-grid input{border:1px solid var(--line);width:100%;color:var(--text);background:#00000042;border-radius:8px;padding:9px 10px}.tool-stack{gap:8px;display:grid}.file-button{place-items:center;display:grid;position:relative}.file-button input{opacity:0;position:absolute;inset:0}.panel-heading{gap:2px;display:grid}.panel-heading strong{line-height:1.2}.risk-list,.system-summary,.field-grid{gap:10px;display:grid}.risk-list span,.pill{background:#6ea8ff14;border:1px solid #6ea8ff3d;border-radius:999px;width:fit-content;padding:5px 8px;display:inline-flex}.pill.warning{background:#f6c15f1a;border-color:#f6c15f59}.main-stage{flex-direction:column;gap:12px;min-width:0;display:flex;position:relative}.stage-header{border:1px solid var(--line);background:#090e16bf;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.stage-header h2{margin:0;font-size:26px}.run-controls label{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:inline-flex}.metrics-row{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.metric-card{gap:2px;padding:13px;display:grid}.metric-card strong{font-size:27px;line-height:1}.system-canvas{border:1px solid var(--line);background:linear-gradient(135deg,#26d9b50f,#0000 35%),linear-gradient(315deg,#f6c15f0e,#0000 34%),#091019;border-radius:10px;min-height:540px;position:relative;overflow:hidden}.canvas-grid{background-image:linear-gradient(#96b0d214 1px,#0000 1px),linear-gradient(90deg,#96b0d214 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000e6,#00000085);mask-image:linear-gradient(#000000e6,#00000085)}.edge-layer{width:100%;height:100%;position:absolute;inset:0}.edge line{stroke:url(#edgeFlow);stroke-width:3px;stroke-linecap:round;opacity:.64}.edge circle{fill:var(--teal);opacity:.84;animation:1.5s ease-in-out infinite pulse}.edge.status-overloaded line,.edge.status-failed line{stroke:var(--red)}.edge.selected line{stroke-width:5px;opacity:1}.node{z-index:2;text-align:left;touch-action:none;background:linear-gradient(#121d2bf5,#0d141feb);border-color:#26d9b540;gap:2px;width:148px;min-height:74px;padding:10px;display:grid;position:absolute;translate:-50% -50%;box-shadow:0 14px 30px #00000059}.node strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.node small{color:var(--subtle)}.node.status-strained{border-color:#f6c15f8c}.node.status-overloaded,.node.status-failed{border-color:#ff6878b8;box-shadow:0 0 0 1px #ff687824,0 16px 34px #00000059}.node.status-recovering{border-color:#6ea8ff8c}.node.selected{border-color:var(--teal);transform:translateY(-2px)}.field-grid label{gap:5px;display:grid}.field-grid label span{color:var(--muted);font-size:12px}.state-summary{border:1px solid var(--line);background:#0000002e;border-radius:8px;gap:2px;margin-top:8px;padding:12px;display:grid}.library-grid,.dashboard-grid,.analysis-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.scenario-card{text-align:left;gap:8px;min-height:184px;padding:16px;display:grid}.wide-panel,.analysis-grid article,.comparison-panel,.empty-state,.methodology,.reports-view{padding:18px}.wide-panel{grid-column:span 2}.gauge{border:1px solid var(--line);background:var(--panel);border-radius:8px;place-items:center;min-height:260px;display:grid}.gauge-arc{background:conic-gradient(from 270deg, var(--teal) 0deg, var(--blue) var(--angle), #ffffff14 var(--angle), #ffffff14 180deg, transparent 180deg), #ffffff08;border-radius:999px;place-items:center;width:184px;height:184px;display:grid}.gauge-arc>div{background:#0b111b;border-radius:999px;place-items:center;width:132px;height:132px;display:grid}.gauge strong{font-size:44px}.gauge span{color:var(--muted);font-size:12px}.sparkline{width:100%;height:90px}.sparkline-base{stroke:var(--line);stroke-width:1px}.sparkline-line{fill:none;stroke:var(--teal);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.score-row{grid-template-columns:1fr auto;gap:8px;padding:14px;display:grid}.score-row p{grid-column:1/-1;margin:0}.recommendation-list{gap:10px;display:grid}.recommendation-list article{gap:6px;padding:14px;display:grid}.recommendation-list article span{color:var(--gold);font-size:12px}.reports-view{gap:14px;display:grid}.report-preview{border:1px solid var(--line);color:#d8e4f2;white-space:pre-wrap;background:#00000057;border-radius:8px;max-height:520px;margin:0;padding:16px;overflow:auto}.toast{border:1px solid var(--line);background:#26d9b514;border-radius:8px;padding:10px 12px}.methodology{gap:10px;display:grid}.methodology h2{margin:0}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}@media (width<=1180px){.topbar{grid-template-columns:1fr}.workspace{grid-template-columns:240px minmax(0,1fr)}.inspector{grid-column:1/-1}.hero-section,.feature-band{grid-template-columns:1fr}}@media (width<=780px){.topbar{position:static}.topbar nav{flex-wrap:wrap;justify-content:flex-start;overflow:visible}.landing,.workspace{padding:10px}.workspace,.metrics-row,.library-grid,.dashboard-grid,.analysis-grid{grid-template-columns:1fr}.wide-panel{grid-column:auto}.stage-header{flex-direction:column;align-items:flex-start}.system-canvas{min-height:500px}.node{width:130px}}@media print{.topbar,.left-rail,.inspector,.stage-header,.report-actions,.toast{display:none}body{color:#000;background:#fff}.workspace,.reports-view{padding:0;display:block}.report-preview{color:#000;background:#fff;border:0;max-height:none}}
