:root{--bg-1: #f8faf7;--bg-2: #ebf2ed;--panel: rgba(255, 255, 255, .9);--panel-border: rgba(17, 62, 47, .18);--text: #142b22;--muted: #4f675f;--accent: #14644d;--accent-strong: #0d4a38;--accent-soft: #dff3e9;--warning: #b6692d;--success: #1e7d4f;--shadow: 0 18px 44px rgba(20, 43, 34, .12);--radius: 16px}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);font-family:Atkinson Hyperlegible,Avenir Next,Segoe UI,sans-serif;background:var(--bg-1)}.page-bg{position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 10% 12%,rgba(255,187,107,.28),transparent 30%),radial-gradient(circle at 88% 6%,rgba(20,100,77,.24),transparent 32%),linear-gradient(180deg,var(--bg-1),var(--bg-2))}.panel{border:1px solid var(--panel-border);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.topbar{margin:18px;padding:22px;display:grid;gap:14px}.topbar-main h1{margin:8px 0;font-family:Space Grotesk,Avenir Next,sans-serif;font-size:clamp(1.45rem,2.2vw,2.1rem);line-height:1.15}.product-tag{margin:0;font-size:.76rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--accent-strong)}.intro-copy{margin:0;max-width:60ch;color:var(--muted);font-size:.98rem}.flow-pill{margin:12px 0 0;display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:8px 12px;font-size:.85rem;font-weight:700;color:var(--accent-strong);background:var(--accent-soft)}.topbar-actions{display:flex;flex-wrap:wrap;gap:8px}#statusLine{margin:0;padding:8px 12px;border-radius:10px;border:1px solid rgba(17,62,47,.15);background:#f5faf7f2;color:var(--accent-strong);font-family:Space Grotesk,IBM Plex Mono,monospace;font-size:.9rem}.app-shell{margin:0 18px 18px;display:grid;gap:14px;grid-template-columns:380px minmax(0,1fr);grid-template-areas:"setup visual" "setup metrics";align-items:start}.setup-panel{grid-area:setup;padding:14px;display:grid;gap:14px}.visual-panel{grid-area:visual;padding:14px}.metrics-panel{grid-area:metrics;padding:14px}.panel-heading{display:grid;gap:4px}.panel-heading h2{margin:0;font-family:Space Grotesk,Avenir Next,sans-serif;font-size:1.05rem;color:var(--accent-strong)}.panel-heading p{margin:0;font-size:.9rem;color:var(--muted)}.panel-heading.compact{display:flex;justify-content:space-between;align-items:center;gap:10px}.preset-group{display:grid;gap:8px}.preset-btn{border:1px solid rgba(20,100,77,.22);border-radius:10px;padding:10px;color:var(--accent-strong);background:#ffffffbf;font-weight:700;text-align:left;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}.preset-btn:hover{transform:translateY(-1px);border-color:var(--accent)}.preset-btn.active{color:#fff;border-color:var(--accent);background:linear-gradient(135deg,var(--accent),var(--accent-strong))}label{display:grid;gap:5px;font-size:.86rem;color:var(--muted)}input,select,button,summary{font:inherit}input[type=number],select,input[type=range]{width:100%}input[type=number],select{border:1px solid rgba(17,62,47,.24);border-radius:10px;padding:9px;background:#fff;color:var(--text)}input[type=range]{accent-color:var(--accent)}.range-control{display:grid;gap:6px}.range-value{font-size:.82rem;font-weight:700;color:var(--accent-strong)}.field-grid{display:grid;gap:10px}.field-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.field-grid.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.checkbox-row{grid-template-columns:auto 1fr;align-items:center;gap:8px}.checkbox-row input{margin:0}.advanced-panel{border:1px solid rgba(17,62,47,.2);border-radius:12px;background:#f7fcf9cc;padding:10px}.advanced-panel summary{cursor:pointer;font-weight:700;color:var(--accent-strong)}.advanced-content{margin-top:10px;display:grid;gap:10px}.is-disabled{opacity:.6}.is-disabled input{background:#f1f3f2}.run-controls{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}button{border:0;border-radius:10px;padding:10px 12px;font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}button:hover{transform:translateY(-1px);box-shadow:0 8px 20px #142b2229}.primary-btn{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-strong))}.secondary-btn{color:var(--accent-strong);border:1px solid rgba(20,100,77,.24);background:#fffc}.success-btn{color:#fff;background:linear-gradient(135deg,var(--success),#16603c)}.ghost-btn{border:1px solid rgba(17,62,47,.24);color:var(--accent-strong);background:#ffffffc2}#simCanvas{margin-top:10px;width:100%;height:460px;border-radius:12px;border:1px solid rgba(17,62,47,.2);background:linear-gradient(180deg,#fcfefd,#edf4f0)}.panel-note{margin:8px 0 0;font-size:.84rem;color:var(--muted)}.kpi-grid{margin-top:10px;display:grid;gap:8px;grid-template-columns:repeat(4,minmax(120px,1fr))}.kpi-card{border:1px solid rgba(17,62,47,.18);border-radius:10px;padding:10px;background:#ffffffe0}.kpi-card h3{margin:0;color:var(--muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.05em}.kpi-card p{margin:8px 0 0;font-size:1rem;font-family:Space Grotesk,IBM Plex Mono,monospace;color:var(--text)}.chart-panel{margin-top:10px;border:1px solid rgba(17,62,47,.16);border-radius:12px;background:#ffffffb8;padding:10px}.chart-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(240px,1fr))}.chart-grid canvas{min-height:230px}.chart-fallback{margin:0;border:1px dashed rgba(17,62,47,.25);border-radius:8px;padding:12px;color:var(--muted);background:#ffffffdb}.overlay-card,.help-drawer{position:fixed;right:16px;bottom:16px;width:min(560px,calc(100vw - 32px));border:1px solid var(--panel-border);border-radius:16px;box-shadow:var(--shadow);background:#fffffff7;padding:14px;z-index:25}.overlay-card ol,.help-drawer ul{margin:10px 0;padding-left:20px;color:var(--muted)}.overlay-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.overlay-header h2{margin:0;font-family:Space Grotesk,Avenir Next,sans-serif;font-size:1.08rem;color:var(--accent-strong)}.help-drawer{display:none}.help-drawer.open{display:block}.note{margin:8px 0 0;color:var(--muted);font-size:.85rem}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid rgba(20,100,77,.35);outline-offset:2px}@keyframes panelRise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.topbar,.setup-panel,.visual-panel,.metrics-panel{animation:panelRise .32s ease}.setup-panel{animation-delay:40ms}.visual-panel{animation-delay:80ms}.metrics-panel{animation-delay:.12s}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-width:1240px){.app-shell{grid-template-columns:1fr;grid-template-areas:"setup" "visual" "metrics"}.setup-panel{max-height:none}.chart-grid{grid-template-columns:1fr}}@media(max-width:760px){.topbar,.app-shell{margin-left:10px;margin-right:10px}.topbar{margin-top:10px;padding:14px}.app-shell{margin-bottom:10px;gap:10px}.field-grid.two-col,.field-grid.three-col,.run-controls,.kpi-grid{grid-template-columns:1fr}#simCanvas{height:330px}}