:root{--paper:#f4f1e8;--panel:#fffdfa;--ink:#263238;--muted:#7b8588;--line:#ddd8cc;--accent:#2f73d8;--accent-soft:#e8f0ff;--danger:#d34e49;--grass:#dfead5;--cream:#fff9e9;--road:#4e5960;--road-edge:#344047;--shadow:0 8px 24px rgba(45,54,58,.08);--radius:16px}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}body{height:100vh;overflow:hidden;display:grid;grid-template-rows:60px minmax(0,1fr) 38px}button,input,select{font:inherit}button{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:11px;padding:8px 10px;cursor:pointer;font-weight:750;transition:.12s ease}button:hover{border-color:#c8c0b2;box-shadow:0 3px 10px rgba(38,50,56,.06)}button.primary{background:var(--ink);color:white;border-color:var(--ink);min-width:88px}button.ghost{background:transparent}.compact{padding-inline:10px}.hidden-value{display:none}
.topbar{z-index:30;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:9px 16px;background:rgba(244,241,232,.96);border-bottom:1px solid rgba(210,204,192,.9);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:34px;height:34px;border-radius:10px;background:var(--ink);color:white;display:grid;place-items:center;font-weight:950;font-size:16px}.brand h1{font-size:20px;line-height:1;margin:0;letter-spacing:-.035em}.brand p{font-size:10px;color:var(--muted);margin:4px 0 0}.header-actions{display:flex;gap:6px}
.app-shell{min-height:0;overflow:hidden;display:grid;grid-template-columns:218px minmax(620px,1fr) 265px;gap:10px;padding:9px}.panel,.sim-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;min-height:0}.panel{padding:12px;overflow:auto}.panel section{padding:2px 0 12px;margin-bottom:11px;border-bottom:1px solid #eee9df}.panel section:last-child{border:0;margin-bottom:0}.section-kicker{font-size:8px;font-weight:900;letter-spacing:.16em;color:#9b9284;margin-bottom:6px}
.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.preset{display:flex;align-items:center;gap:7px;min-height:42px;font-size:10px;padding:7px 8px}.preset-icon{font-size:15px}.preset.active{background:var(--accent-soft);border-color:#b6cef6;color:#245baa}.control-line{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:10px;color:#596369;margin-top:5px}.control-line strong{font-size:10px;color:var(--ink)}input[type=range]{width:100%;accent-color:var(--accent);margin:5px 0 7px}.select-label{display:grid;gap:5px;font-size:9px;font-weight:800;color:#647074;margin-top:7px}select{width:100%;border:1px solid var(--line);border-radius:9px;padding:7px 8px;background:var(--cream);color:var(--ink)}.toggle-row{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:750;color:#596369;margin-top:7px}.toggle-row input{accent-color:var(--accent)}
.choice-label{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#647074;font-weight:800;margin:7px 0 5px}.choice-label strong{color:var(--ink)}.choice-row{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.choice{padding:7px 4px;font-size:10px;background:#faf8f3}.choice.active{background:var(--accent-soft);border-color:#b6cef6;color:#245baa}
.sim-panel{display:flex;flex-direction:column;overflow:hidden}.canvas-topline{height:38px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:5px 11px;border-bottom:1px solid var(--line);flex:0 0 auto}.canvas-status{display:flex;align-items:center;gap:8px;min-width:0}.status-pill{font-size:8px;font-weight:900;letter-spacing:.04em;border-radius:999px;padding:4px 7px;white-space:nowrap}.status-pill.paused{background:#ece8df;color:#766f64}.status-pill.running{background:#dff3df;color:#39743e}.tool-hint{font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clock{font-size:9px;font-weight:800;color:#80786e;font-variant-numeric:tabular-nums}.rc-legend{display:flex;align-items:center;gap:4px;font-size:8px;color:#8a8277;white-space:nowrap}.rc-legend>span{font-weight:900}.rc-legend i{width:13px;height:5px;border-radius:99px;display:inline-block}.rc-legend small{font-size:7px}.rc-low{background:#64b46a}.rc-mid{background:#e1b34d}.rc-high{background:#d65a52}
.canvas-wrap{position:relative;flex:1;min-height:0;background:var(--grass);overflow:hidden}canvas{width:100%;height:100%;display:block;touch-action:none;cursor:default}.toast{position:absolute;left:50%;top:12px;transform:translateX(-50%);background:rgba(38,50,56,.92);color:white;padding:7px 11px;border-radius:10px;font-size:9px;pointer-events:none;transition:.2s;z-index:5}.toast.hidden{opacity:0;transform:translate(-50%,-5px)}
.braess-card{margin:7px;padding:8px 11px;border:1px solid var(--line);border-radius:12px;background:#faf8f3;display:flex;align-items:center;justify-content:space-between;gap:14px;flex:0 0 auto}.braess-copy strong{font-size:11px}.braess-copy p{margin:3px 0 0;font-size:9px;line-height:1.35;color:var(--muted);max-width:680px}.switch{position:relative;width:42px;min-width:42px;height:24px;margin:0}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;inset:0;background:#cec8bd;border-radius:999px;transition:.2s}.slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;bottom:3px;background:white;border-radius:50%;transition:.2s;box-shadow:0 2px 5px rgba(0,0,0,.17)}.switch input:checked+.slider{background:var(--accent)}.switch input:checked+.slider:before{transform:translateX(18px)}
.metric-hero{background:var(--cream);border:1px solid #eee5cf;border-radius:11px;padding:9px;margin-bottom:6px}.metric-hero span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#8c8375;font-weight:900}.metric-hero strong{display:block;font-size:22px;margin-top:1px;letter-spacing:-.04em}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.metric{background:#faf8f3;border:1px solid #eee9df;border-radius:9px;padding:7px}.metric span{display:block;font-size:7px;text-transform:uppercase;letter-spacing:.07em;color:#91897e;font-weight:850}.metric strong{font-size:12px;display:block;margin-top:2px}.bar{height:5px;background:#e9e4da;border-radius:99px;overflow:hidden;margin-top:7px}.bar div{height:100%;width:5%;background:linear-gradient(90deg,#7abf7a,#e0b854,#d86a62);border-radius:99px;transition:width .25s}.compare-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:9px;margin:5px 0}.compare-row strong{font-size:9px;text-align:right}.result-card{margin-top:6px;padding:7px;border-radius:9px;border:1px solid var(--line);font-size:8px;line-height:1.35}.result-card.neutral{background:#faf8f3;color:#6f777a}.result-card.bad{background:#fff0ee;border-color:#f1c6bf;color:#91483f}.result-card.good{background:#edf7ed;border-color:#cbe5ca;color:#46754a}
.od-list{display:grid;gap:5px}.od-row{display:grid;grid-template-columns:30px 1fr;gap:7px;align-items:center;padding:6px 7px;border-radius:9px;background:#faf8f3;border:1px solid #eee9df;font-size:8px}.od-chip{width:28px;height:22px;border-radius:7px;display:grid;place-items:center;color:#fff;font-weight:900;background:#6f8faf}.od-route b{display:block;font-size:8px}.od-route span{display:block;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.route-bars{display:grid;gap:5px}.route-item{display:grid;grid-template-columns:44px 1fr 27px;gap:5px;align-items:center;font-size:8px}.route-track{height:5px;background:#e8e3d8;border-radius:99px;overflow:hidden}.route-track i{display:block;height:100%;background:#76a4e7;border-radius:99px}
.inspector{font-size:9px;line-height:1.4;color:#49565b}.inspector.empty{color:#8d9698}.inspector dl{margin:0;display:grid;grid-template-columns:1fr auto;gap:4px 8px}.inspector dt{color:#8b9496}.inspector dd{margin:0;text-align:right;font-weight:800}.inspector-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:8px}.inspector-actions button{padding:6px 5px;border-radius:8px;font-size:8px}.inspector-actions button.active-role{background:#ffe8e6;border-color:#efaaa5;color:#a33f3a}.inspector-actions .wide{grid-column:1/-1}.round-size{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:6px}.round-size button{padding:5px 3px;font-size:8px}.round-size button.active{background:var(--accent-soft);border-color:#b6cef6;color:#245baa}.pending-note{margin-top:6px;padding:6px 7px;border-radius:8px;background:#f5f2ea;color:#657176;font-size:8px}
.bottom-bar{display:flex;align-items:center;gap:18px;padding:0 14px;border-top:1px solid #d8d1c5;background:#ece8de;color:#6f777a;font-size:9px;white-space:nowrap;overflow:hidden}.bottom-bar b{color:#3d484d}.bottom-rule{margin-left:auto;font-weight:850;letter-spacing:.05em;color:#596468}
@media(max-width:1250px){body{overflow:auto;height:auto;display:block}.app-shell{grid-template-columns:200px minmax(520px,1fr);overflow:visible}.right-panel{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.bottom-bar{position:sticky;bottom:0;height:38px}.sim-panel{min-height:650px}.canvas-wrap{min-height:520px}}
@media(max-width:760px){.brand p{display:none}.header-actions .compact{display:none}.app-shell{display:flex;flex-direction:column;padding:7px}.left-panel{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sim-panel{order:-1;min-height:600px}.right-panel{display:block}.canvas-topline{grid-template-columns:1fr auto}.rc-legend{display:none}.tool-hint{display:none}.bottom-rule{display:none}.bottom-bar{gap:10px;overflow-x:auto}}