@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Space+Grotesk:wght@400;500;700&display=swap";:root{--paper:#f5ecdd;--paper-deep:#ead8b8;--panel:#fffaf2d1;--panel-strong:#fcf4e8fa;--ink:#221a14;--muted:#6c533a;--border:#6c533a2e;--accent:#b14528;--steel:#265570;--danger:#dc5d37;--shadow-soft:0 24px 60px #3d220e24;--font-display:"Space Grotesk", "Avenir Next", sans-serif;--font-body:"Space Grotesk", "Trebuchet MS", sans-serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", monospace;color:var(--ink);background:var(--paper);font:16px/1.5 var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 100% 0,#b145281f,#0000 26%),radial-gradient(circle at 0,#2655701f,#0000 28%),linear-gradient(#f8f1e5 0%,#f1e5d1 100%);min-width:320px;margin:0}body:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff24 1px,#0000 1px),linear-gradient(90deg,#ffffff24 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 82%);mask-image:radial-gradient(circle,#000,#0000 82%)}#root{width:min(1380px,100% - 2rem);min-height:100svh;margin:0 auto;padding:1.25rem 0 2rem;position:relative}h1,h2,h3{font-family:var(--font-display);color:var(--ink);margin:0;line-height:1.02}h1{max-width:12ch;font-size:clamp(2.8rem,6vw,5.2rem)}h2{font-size:1.5rem}h3{font-size:1rem}p{margin:0}a{color:inherit}.app-shell{gap:1.5rem;display:grid}.card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:28px}.hero-panel{gap:1rem;padding:2rem;display:grid;position:relative;overflow:hidden}.hero-panel:after{content:"";pointer-events:none;background:radial-gradient(circle,#dc5d374d,#dc5d3700);border-radius:999px;width:16rem;height:16rem;position:absolute;inset:auto -4rem -5rem auto}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--accent);margin:0 0 .35rem;font-size:.74rem}.hero-copy,.panel-copy{max-width:64ch;color:var(--muted)}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.hero-stats div,.diagnostic-stats div{background:var(--panel-strong);border:1px solid #6c533a1f;border-radius:20px;padding:1rem}.hero-stats span,.diagnostic-stats span,.trace-row span{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:.45rem;font-size:.78rem;display:block}.hero-stats strong,.diagnostic-stats strong,.trace-row strong{color:var(--ink)}.workspace-grid{grid-template-columns:minmax(0,1.55fr) minmax(22rem,1fr);gap:1.5rem;display:grid}.workspace-main,.workspace-side{align-content:start;gap:1.5rem;display:grid}.panel{padding:1.35rem}.panel-heading{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1rem;display:flex}.panel-heading.compact{align-items:center}.target-card{padding:1.35rem}.overlay-controls{flex-wrap:wrap;gap:1rem;margin:0 0 .9rem;display:flex}.target-svg{aspect-ratio:1;cursor:crosshair;width:100%;display:block}.target-frame{fill:#fffaf2b8;stroke:#6c533a1f}.target-plate{fill:#f6ebd6f2;stroke:#6c533a66;stroke-width:2px}.target-axis{stroke:#6c533a38;stroke-width:1px;stroke-dasharray:6 6}.overlay-heat-cell{pointer-events:none}.overlay-curve{fill:none;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;opacity:.88;pointer-events:none}.overlay-curve.curve-a{stroke:#265570eb}.overlay-curve.curve-b{stroke:#b14528e6}.overlay-curve.curve-c{stroke:#317059e6}.sensor-node{fill:var(--steel);stroke:#fff;stroke-width:2px}.sensor-label{fill:var(--ink);font-size:.55rem;font-family:var(--font-mono);letter-spacing:.06em}.impact-actual{fill:var(--danger);stroke:#ffffffb3;stroke-width:2px}.impact-estimated-ring{fill:none;stroke:#26557073;stroke-width:2px}.impact-estimated{fill:var(--steel);stroke:#ffffffc7;stroke-width:2px}.impact-connection{stroke:#dc5d3773;stroke-width:1.5px;stroke-dasharray:3 4}.legend-row{color:var(--muted);flex-wrap:wrap;gap:1rem;margin-top:1rem;font-size:.9rem;display:flex}.legend-row span{align-items:center;gap:.4rem;display:inline-flex}.legend-swatch{border-radius:999px;width:.8rem;height:.8rem;display:inline-block}.legend-swatch.actual{background:var(--danger)}.legend-swatch.estimated{background:var(--steel)}.legend-swatch.sensor{background:var(--ink)}.legend-swatch.curve{background:var(--steel)}.legend-swatch.heat{background:#b145288c}.table-shell{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.94rem}th,td{text-align:left;border-bottom:1px solid #6c533a1f;padding:.8rem .65rem}thead th{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:.74rem}.empty-state{background:var(--panel-strong);border-radius:18px;margin:0;padding:1rem}.config-actions,.config-grid,.noise-grid,.sensor-stack,.diagnostic-stats,.trace-list{gap:1rem;display:grid}.config-actions{grid-template-columns:minmax(0,1fr) auto;align-items:end;margin-bottom:1rem}.config-grid.two-up{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:1rem}.config-grid.four-up{grid-template-columns:repeat(4,minmax(0,1fr))}.sensor-editor{background:var(--panel-strong);border:1px solid #6c533a1f;border-radius:22px;padding:1rem}.sensor-editor__header,.confidence-row,.trace-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.noise-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:1rem}.toggle{align-items:center;gap:.55rem;display:inline-flex}.toggle.wide{font-family:var(--font-display);grid-column:1/-1}label,input,select,button{font:inherit}label{color:var(--ink);gap:.45rem;display:grid}input,select{box-sizing:border-box;width:100%;color:var(--ink);background:#fffcf7f0;border:1px solid #6c533a38;border-radius:16px;padding:.8rem .9rem}button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1f495f,#376d88);border:0;border-radius:999px;padding:.8rem 1rem}button:hover{filter:brightness(1.05)}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #1f495f73}.validation-box{background:#80311b14;border:1px solid #80311b29;border-radius:18px;margin-top:1rem;padding:1rem}.validation-box.ok{background:#1f495f14;border-color:#1f495f29}.validation-box__title{font-family:var(--font-display);color:var(--ink);margin:0 0 .5rem}.validation-box ul{margin:0;padding-left:1.2rem}.diagnostic-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.confidence-row{background:var(--panel-strong);border-radius:18px;margin:1rem 0;padding:.8rem .95rem}.confidence-pill{text-transform:capitalize;border-radius:999px;align-items:center;padding:.45rem .7rem;font-size:.85rem;display:inline-flex}.confidence-pill.high{color:#2e5e36;background:#427a4e1f}.confidence-pill.medium{color:#7a5513;background:#b9802226}.confidence-pill.low{color:#7a2d19;background:#80311b1f}.trace-list{border-top:1px solid #6c533a1f;padding-top:1rem}.trace-row{border-bottom:1px solid #6c533a14;padding-bottom:.85rem}@media (width<=1100px){.workspace-grid{grid-template-columns:1fr}}@media (width<=720px){.hero-panel,.panel,.target-card{padding:1rem}.hero-stats,.config-grid.two-up,.config-grid.four-up,.noise-grid,.diagnostic-stats,.config-actions{grid-template-columns:1fr}.panel-heading,.sensor-editor__header,.confidence-row,.trace-row,.overlay-controls{flex-direction:column;align-items:start}}
