:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#23322e;background:#f5f6f2;font-synthesis:none;--green:#285d4b;--muted:#7b8580;--coral:#c87762;--mint:#4a907a}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;transition:background .18s,transform .18s}button:hover:not(:disabled){filter:brightness(.94)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #78a892;outline-offset:4px}header{height:88px;max-width:1320px;margin:auto;padding:0 44px;display:flex;align-items:center;gap:35px;border-bottom:1px solid #dfe4dc}.brand{display:flex;align-items:center;gap:4px;text-decoration:none;color:#23382e;font-size:23px;letter-spacing:-1px;font-weight:700}.light{font-weight:400}.logo{background:#2d5746;color:#e8efc9;border-radius:8px;font-size:31px;width:35px;height:35px;display:grid;place-content:center;margin-right:9px}.local{font-size:10px;letter-spacing:1.8px;color:#7b8580}.local i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#76a087;margin-right:6px}.quiet{border:0;background:transparent;color:#65736b;font-size:12px;padding:10px}header>.quiet{margin-left:auto}main{max-width:1232px;margin:0 auto;padding:48px 0 22px}.eyebrow{font-family:monospace;font-size:10px;font-weight:600;letter-spacing:1.8px;color:#537361}.intro{display:flex;align-items:center;justify-content:space-between;margin:16px 0 32px}h1{font-weight:500;font-size:49px;line-height:1.12;letter-spacing:-2.3px;margin:0 0 18px}h1 span{color:#89948a}.intro p{font-size:14px;color:#798279;margin:0}.mode{display:flex;border:1px solid #dbe1d7;border-radius:9px;padding:4px;background:#eceedf66;align-self:flex-end;margin-bottom:2px}.mode button{font-size:12px;border:0;background:transparent;border-radius:6px;padding:10px 18px;color:#798279}.mode button[aria-pressed=true]{background:white;box-shadow:0 1px 4px #0001;color:#2f5141}.state-panel{background:#fff;border:1px solid #dde3d9;border-radius:12px;padding:21px 24px;margin-bottom:24px;box-shadow:0 2px 3px #193b2003}.state-top,.state-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.presets{display:flex;gap:6px}.presets button{font-size:10px;padding:7px 11px;border:1px solid #e3e8df;border-radius:5px;background:white;color:#859082}.presets button.active{color:#3e624f;background:#eff3e9;border-color:#d9e3d3}textarea{display:block;border:0;border-left:2px solid #d6dfce;padding:5px 15px;margin:20px 0 12px;background:transparent;font-size:19px;line-height:1.6;color:#35483d;resize:vertical;width:100%;min-height:65px}textarea:focus{outline:1px solid #b4c9b5;border-radius:3px}textarea[readonly]{resize:none}.state-bottom>span{font-size:11px;color:#8b9188}.primary{border:0;border-radius:7px;background:#2b5845;color:#f4f7ef;font-size:12px;padding:12px 18px;box-shadow:0 2px 4px #183c2222}.primary span{margin-left:25px}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:22px}.model-card{border:1px solid #e0e4db;background:white;border-radius:12px;padding:23px 24px 0;min-width:0;overflow:hidden;display:flex;flex-direction:column}.card-head,.model-title{display:flex;align-items:center}.card-head{justify-content:space-between;gap:6px}.model-title{gap:10px}.model-icon{display:grid;place-content:center;width:36px;height:36px;background:#f7e9e1;color:#b47863;border-radius:9px;font-size:25px}.jev .model-icon{background:#e9f0e3;color:#51714b;font-size:26px;font-family:Georgia,serif}.model-title h2{font-size:15px;font-weight:600;margin:0 0 4px;letter-spacing:-.4px}.muted{color:#a4aaa1;font-size:11px;font-weight:400}.model-name{font:10px monospace;color:#8e968c}.tag{font:8px monospace;letter-spacing:1px;background:#fbf1eb;color:#b67a65;padding:6px;border-radius:4px}.jev .tag{color:#6b8560;background:#f0f4ea}.card-caption{font-size:11px;color:#8b9389;margin:20px 0 16px}.workspace{border:1px solid #eee8e2;border-radius:8px;background:#fcfaf7;min-height:260px;padding:16px}.flow-label{display:flex;align-items:center;gap:6px;font:9px monospace;letter-spacing:1px;color:#9d8c7c}.flow-label>span:last-child{margin-left:auto;letter-spacing:0;font-size:9px;color:#9a9f95}.dot{width:5px;height:5px;border-radius:50%}.coral{background:#c9896c}.mint{background:#699576}pre{font:14px/1.8 "SFMono-Regular",Consolas,monospace;color:#a6715d;white-space:pre-wrap;overflow-wrap:anywhere;margin:22px 4px 8px;min-height:152px}.token-track{display:flex;gap:4px;height:4px;margin-top:6px;overflow:hidden}.token-track i{height:3px;width:15px;border-radius:2px;background:#d4a18b;flex-shrink:0}.jev-workspace{border-color:#e6ecdf;background:#f9fbf6}.jev-workspace .flow-label{color:#738768}.decision-flow{display:flex;align-items:center;min-height:209px;gap:8px}.jev-node{font-family:Georgia,serif;font-size:23px;color:#56774a;border:1px solid #d1ddc5;background:#edf3e6;border-radius:9px;padding:17px 10px;text-align:center;width:66px;flex-shrink:0}.jev-node span{display:block;text-transform:uppercase;font:7px monospace;letter-spacing:1px;margin-top:8px}.branches{color:#c0cfb4;font-size:22px;line-height:1.8}.decisions{display:grid;gap:8px;flex:1}.decision{padding:10px 11px;border:1px solid #e0e9d6;background:#f1f6eb;border-radius:6px;min-height:36px}.decision-head{display:flex;justify-content:space-between;gap:6px;font-size:11px}.decision-head span{color:#6c7e60}.decision-head strong{font-size:10px;font-weight:500}.distribution{display:flex;gap:7px;flex-wrap:wrap;font:8px monospace;color:#84927a;margin-top:7px}.distribution .winner{color:#3c6a46;font-weight:600}.card-foot{border-top:1px solid #eef0ea;display:flex;align-items:center;justify-content:space-between;padding:17px 0;color:#8a9386;font-size:11px;margin-top:18px}.card-foot strong{color:#ba7e67;font:12px monospace}.jev .card-foot strong{color:#628355}.pills{display:flex;gap:5px;flex-wrap:wrap;min-height:0;margin-top:10px}.pills:empty{margin-top:0}.pills span{font:9px monospace;color:#a67562;background:#fcf3ec;padding:6px;border-radius:4px}.llm .card-foot{margin-top:auto}.llm .workspace{margin-bottom:10px}.measurement,.history{background:#fff;border:1px solid #dfe4d9;border-radius:12px;padding:21px 24px;margin-top:22px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:20px}.section-heading h2{font-size:12px;font-weight:500;margin:0}.section-heading>span{font:8px monospace;letter-spacing:1px;color:#929a89}.time-row{display:flex;align-items:center;gap:20px;font-size:10px;color:#86917f;margin:12px 0}.time-row label{width:65px}.time-row>span{width:65px;text-align:right;font:11px monospace}progress{flex:1;width:100%;height:7px;appearance:none;border:none;border-radius:6px;overflow:hidden;background:#f1f2ec}progress::-webkit-progress-bar{background:#f1f2ec;border-radius:6px}progress::-webkit-progress-value{background:#ca9179;border-radius:6px;transition:width .12s}progress::-moz-progress-bar{background:#ca9179}#jevBar::-webkit-progress-value{background:#78986d}#jevBar::-moz-progress-bar{background:#78986d}.insight{border-top:1px solid #edf0e7;font-size:11px;color:#829076;margin-top:19px;padding-top:14px}.history .section-heading{margin-bottom:10px}.history h2 span{background:#f0f3eb;border-radius:4px;padding:2px 5px;font-size:10px;margin-left:5px}.empty{font-size:11px;color:#a1a99b;margin:8px 0}.history-row{display:grid;grid-template-columns:1fr 90px 100px 100px 90px;align-items:center;gap:10px;font-size:10px;padding:12px 0;border-top:1px solid #edf0e7;color:#7f8d76}.history-row>span:first-child{color:#4a5f45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-foot{display:flex;justify-content:space-between;gap:20px;color:#a0a798;font-size:9px;padding:25px 0 0}.settings{background:#eaf0e3;border:1px solid #d6e0cb;padding:22px;border-radius:10px;margin-bottom:22px;display:flex;gap:20px;flex-wrap:wrap}.settings[hidden],[hidden]{display:none!important}.settings>div{flex:1;min-width:200px}.settings h2{font-size:14px;margin:0}.settings p{font-size:11px;line-height:1.7}.settings label{font-size:10px;display:flex;flex-direction:column;gap:8px}.settings input{border:1px solid #cfdbc4;background:#fafff4;border-radius:5px;padding:9px;font-size:12px;width:165px}#connectionStatus{width:100%;margin:0}.error{color:#ad4c39!important}.running .dot{animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.25}}@media(min-width:1400px){main{padding-top:60px}}@media(max-width:1320px){main{margin:0 44px}}@media(max-width:900px){main{margin:0 24px}header{padding:0 24px}.comparison{gap:14px}.model-card{padding:18px 16px 0}.muted{display:none}.tag{font-size:7px}.branches{display:none}.decision-flow{gap:10px}h1{font-size:42px}}@media(max-width:680px){header{height:72px;gap:10px}.local{display:none}main{padding-top:30px;margin:0 16px}.intro{align-items:flex-start;gap:20px}.intro p{line-height:1.6;font-size:12px}h1{font-size:33px;letter-spacing:-1.4px}.mode{align-self:flex-start;flex-direction:column}.mode button{padding:8px 12px}.state-top{align-items:flex-start;flex-direction:column}.presets{flex-wrap:wrap}textarea{font-size:16px}.state-bottom{align-items:flex-start}.state-bottom>span{line-height:1.6;max-width:50%}.primary{padding:10px;font-size:11px}.primary span{margin-left:5px}.comparison{grid-template-columns:1fr}.model-card{padding:20px 20px 0}.tag{font-size:8px}.measurement,.history{padding:19px}.history-row{grid-template-columns:1fr 65px 70px}.history-row>span:nth-child(4),.history-row>span:nth-child(5){display:none}.page-foot{flex-direction:column;gap:8px;line-height:1.5}.section-heading>span{font-size:7px}.time-row{gap:10px}.branches{display:block}.workspace{min-height:248px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
