:root{color:#171713;font-synthesis:none;background:#f1efe8;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit}main{min-height:100vh}.hero,.workspace,.analysis{padding:clamp(2rem,6vw,6rem)}.hero{border-bottom:1px solid #171713;flex-direction:column;justify-content:flex-end;min-height:48vh;display:flex}.embedded .hero{min-height:auto;padding-block:clamp(2rem,5vw,4rem)}.embedded .hero h1{font-size:clamp(3.5rem,10vw,7rem)}.embedded .hero .lede{margin-top:1.5rem}.eyebrow,.step{letter-spacing:.12em;margin:0 0 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem}h1{letter-spacing:-.07em;margin:0;font-size:clamp(4rem,14vw,12rem);line-height:.84}.lede{max-width:54rem;margin:2.5rem 0 0;font-size:clamp(1.1rem,2vw,1.5rem);line-height:1.5}.workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,6rem);display:grid}h2{letter-spacing:-.045em;max-width:12ch;margin:0 0 2rem;font-size:clamp(2rem,4vw,4rem);line-height:1}.scenario-list{border-top:1px solid #171713}.scenario{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #aaa89f;grid-template-columns:11rem 1fr;gap:1rem;padding:1.1rem 0;display:grid}.scenario span{font-weight:700}.scenario small{line-height:1.45}.scenario.selected{color:#f1efe8;background:#171713;padding-inline:1rem}.run{color:#f1efe8;cursor:pointer;background:#171713;border:1px solid #171713;margin-top:1.5rem;padding:.9rem 1.2rem}.run:disabled{cursor:wait;opacity:.55}.output{color:#f1efe8;background:#171713;min-width:0;padding:1.5rem}.analysis{border-top:1px solid #171713;grid-template-columns:minmax(16rem,.75fr) minmax(0,1.25fr);gap:clamp(2rem,5vw,6rem);display:grid}.analysis-intro>p:not(.step,.analysis-hint){max-width:38rem;font-size:1.05rem;line-height:1.65}.ai-run{color:#f1efe8;cursor:pointer;background:#171713;border:1px solid #171713;margin-top:1rem;padding:.9rem 1.2rem}.ai-run:disabled{cursor:not-allowed;opacity:.45}.analysis-hint{color:#66665e;font-size:.85rem}.ai-panel{color:#f1efe8;background:#171713;min-width:0;padding:clamp(1.25rem,3vw,2.5rem)}.diagnosis-header{border-bottom:1px solid #45453f;justify-content:space-between;align-items:flex-start;gap:2rem;padding-bottom:1.5rem;display:flex}.diagnosis-code,.model-id{color:#aaa89f;letter-spacing:.07em;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem}.diagnosis-header h3{letter-spacing:-.04em;max-width:18ch;margin:.45rem 0 0;font-size:clamp(1.8rem,4vw,3.5rem);line-height:1}.confidence{text-transform:uppercase;border:1px solid #77776e;flex:none;padding:.4rem .55rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem}.diagnosis-summary{margin:1.5rem 0;font-size:1.1rem;line-height:1.65}.evaluation,.action{border-top:1px solid #45453f;padding:1rem 0}.evaluation{justify-content:space-between;gap:1rem;display:flex}.evaluation strong{color:#b7e4a8}.evidence-list{margin-top:2rem}.evidence{border-top:1px solid #45453f;grid-template-columns:2.5rem 1fr;gap:.75rem;padding:.9rem 0;display:grid}.evidence span{color:#b7e4a8;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.evidence p,.action p{margin:0;line-height:1.5}.action span{color:#aaa89f;text-transform:uppercase;margin-bottom:.5rem;font-size:.78rem;display:block}.ai-metrics{background:#45453f;grid-template-columns:repeat(4,1fr);gap:1px;margin:2rem 0 1rem;display:grid}.ai-metrics div{background:#22221e;gap:.2rem;padding:.8rem;display:grid}.ai-metrics span,.ai-metrics small{color:#aaa89f;text-transform:uppercase;font-size:.68rem}.ai-metrics strong{font-size:1.25rem}.status-row{border-bottom:1px solid #45453f;justify-content:space-between;gap:1rem;padding:.8rem 0;display:flex}.metrics{background:#45453f;grid-template-columns:repeat(3,1fr);gap:1px;margin:2rem 0;display:grid}.metrics div{background:#22221e;gap:.4rem;padding:1rem;display:grid}.metrics strong{font-size:2rem}.placeholder{color:#aaa89f}.error{color:#ff9a85}pre{white-space:pre-wrap;border:1px solid #45453f;max-height:32rem;padding:1rem;font-size:.76rem;line-height:1.5;overflow:auto}@media (width<=800px){.workspace,.analysis,.scenario{grid-template-columns:1fr}.diagnosis-header{display:grid}.ai-metrics{grid-template-columns:repeat(2,1fr)}}
