:root{color:#182026;font-synthesis:none;--ink:#182026;--muted:#697179;--paper:#f6f2e8;--line:#b9b5aa;--orange:#e9652f;--blue:#2675a8;--dark:#202a31;background:#e8e3d8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background-color:#e8e3d8;background-image:linear-gradient(#24323b0f 1px,#0000 1px),linear-gradient(90deg,#24323b0f 1px,#0000 1px);background-size:24px 24px;min-width:320px;min-height:100vh;margin:0}button,textarea,select{font:inherit}button{color:inherit}.lab-shell{grid-template-rows:auto auto minmax(360px,1fr) auto auto;gap:10px;width:min(1560px,100%);min-height:100vh;margin:0 auto;padding:18px;display:grid}.lab-header{border:1px solid var(--dark);background:var(--paper);justify-content:space-between;align-items:center;min-height:76px;padding:13px 17px;display:flex;box-shadow:5px 5px #202a3129}.identity{align-items:center;gap:15px;display:flex}.identity>span{background:var(--dark);color:#fff8e8;place-items:center;width:45px;height:45px;font:800 11px ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.identity p,.identity h1{margin:0}.identity p{color:var(--orange);letter-spacing:.14em;text-transform:uppercase;font:800 9px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.identity h1{letter-spacing:-.035em;font:700 clamp(22px,2.5vw,34px)/1.05 Georgia,Times New Roman,serif}.source-lock{color:#536069;text-transform:uppercase;align-items:center;gap:8px;font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.source-lock i{background:#4d8f55;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #4d8f551f}.control-board{border:1px solid var(--dark);background:#ded8cc;grid-template-columns:minmax(300px,1fr) minmax(280px,1fr);display:grid}.control-board>div{border-right:1px solid #9e9b92;min-width:0;padding:12px 14px}.control-board>div:last-child{border-right:0}.control-board label,.fairness-note strong{color:#424b51;letter-spacing:.11em;text-transform:uppercase;margin-bottom:7px;font:800 9px ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.model-control select:disabled{cursor:not-allowed;opacity:.55}.model-control select{width:100%;height:35px;color:var(--ink);background:#ece7db;border:1px solid #7d8283;border-radius:0;padding:0 9px;font:700 11px ui-monospace,SFMono-Regular,Menlo,monospace}.model-control small,.fairness-note span{color:#646c71;margin-top:6px;font-size:9px;line-height:1.4;display:block}.fairness-note{background:#d3dbe0}.fairness-note strong{color:var(--blue)}.fairness-note span{max-width:44ch;margin-top:0;font-size:11px}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-height:0;display:grid}.lane-card{border:1px solid var(--dark);background:var(--paper);grid-template-rows:auto auto minmax(240px,1fr);min-width:0;min-height:390px;display:grid;box-shadow:4px 4px #202a3121}.lane-card.baseline{border-top:5px solid var(--blue)}.lane-card.jev{border-top:5px solid var(--orange)}.lane-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:70px;padding:12px 15px;display:flex}.lane-header>div{align-items:center;gap:12px;display:flex}.lane-header>div>span{border:1px solid;place-items:center;width:32px;height:32px;font:900 12px ui-monospace,SFMono-Regular,Menlo,monospace;display:grid}.baseline .lane-header>div>span{color:var(--blue)}.jev .lane-header>div>span{color:var(--orange)}.lane-header p,.lane-header h2{margin:0}.lane-header p{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;font:800 8px ui-monospace,SFMono-Regular,Menlo,monospace}.lane-header h2{margin-top:2px;font:700 19px Georgia,Times New Roman,serif}.lane-header>strong{color:#727977;text-transform:uppercase;border:1px solid #a7aaa6;padding:4px 7px;font:800 8px ui-monospace,SFMono-Regular,Menlo,monospace}.lane-header>strong.running{border-color:var(--orange);color:var(--orange);animation:1.15s infinite pulse}.metric-strip{border-bottom:1px solid var(--line);background:#ece8de;grid-template-columns:repeat(4,1fr);display:grid}.metric-strip span{border-right:1px solid var(--line);padding:7px 11px;font:800 12px ui-monospace,SFMono-Regular,Menlo,monospace}.metric-strip span:last-child{border-right:0}.metric-strip small{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px;font-size:7px;display:block}.lane-output{color:#303940;min-width:0;padding:20px clamp(18px,3vw,36px);font-size:13px;line-height:1.7;overflow-y:auto}.lane-output>:first-child{margin-top:0}.lane-output>:last-child{margin-bottom:0}.lane-output h1,.lane-output h2,.lane-output h3{color:#182026;font-family:Georgia,Times New Roman,serif;line-height:1.2}.lane-output h2{margin-top:1.45em;font-size:21px}.lane-output h3{margin-top:1.35em;font-size:17px}.lane-output a{color:#176799;text-underline-offset:3px}.lane-output code{color:#9c4120;background:#e4dfd3;padding:2px 4px;font:.9em ui-monospace,SFMono-Regular,Menlo,monospace}.lane-output pre{border-left:3px solid var(--orange);color:#edf0e9;background:#252f35;padding:13px;overflow-x:auto}.lane-output pre code{color:inherit;background:0 0;padding:0}.lane-output table{border-collapse:collapse;width:100%;font-size:11px}.lane-output th,.lane-output td{border:1px solid var(--line);text-align:left;padding:7px}.answer-history{gap:24px;display:grid}.answer-turn{border-top:1px solid var(--line);padding-top:18px}.answer-turn:first-child{border-top:0;padding-top:0}.answer-turn>small{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;font:800 8px ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.answer-turn>:last-child{margin-bottom:0}.user-turn{border-left:3px solid var(--blue);background:#e1e8eb;margin-left:clamp(16px,8%,52px);padding:12px 14px}.user-turn>small{color:var(--blue);letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px;font:800 8px ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.user-turn>p{color:#27343b;white-space:pre-wrap;margin:0}.answer-history .lane-loading{min-height:80px}.lane-empty{color:#8a8f8c;text-align:center;text-transform:uppercase;font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace}.lane-error{color:#8c2929;background:#f1dddd;border-left:3px solid #b83535;padding:10px}.lane-loading{color:#717a7e;text-transform:uppercase;justify-content:center;align-items:center;gap:5px;height:100%;font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.lane-loading i{background:var(--orange);width:4px;height:11px;animation:.9s ease-in-out infinite bars}.lane-loading i:nth-child(2){animation-delay:.12s}.lane-loading i:nth-child(3){animation-delay:.24s}.lane-loading span{margin-left:7px}.turn-events{border:1px solid var(--line);background:#eae6dc;margin-top:16px}.turn-events summary{cursor:pointer;color:#505a60;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;padding:10px 13px;font:800 9px ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.turn-events summary span{margin-left:auto}.turn-events>div{border-top:1px solid var(--line);max-height:210px;overflow-y:auto}.turn-events section{border-bottom:1px solid #cbc7bd;grid-template-columns:7px minmax(0,1fr) auto;gap:9px;padding:8px 12px;display:grid}.turn-events section:last-child{border-bottom:0}.turn-events section>i{background:#558459;border-radius:50%;width:6px;height:6px;margin-top:5px}.turn-events section.running>i{background:var(--orange);animation:1s infinite pulse}.turn-events section.error>i{background:#b83535}.turn-events p{min-width:0;margin:0}.turn-events p strong{color:#424c52;text-transform:uppercase;font:800 8px ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.turn-events p span{color:#6a7276;overflow-wrap:anywhere;margin-top:3px;font-size:9px;display:block}.turn-events section>small{color:#7c8282;font:700 8px ui-monospace,SFMono-Regular,Menlo,monospace}.timing-comparison{border:1px solid var(--dark);background:#d5d0c5;padding:12px 14px}.timing-comparison>header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:10px;display:flex}.timing-comparison>header div>strong,.timing-comparison>header div>span,.timing-comparison>header p>strong,.timing-comparison>header p>span{display:block}.timing-comparison>header div>strong{letter-spacing:.08em;text-transform:uppercase;font:800 9px ui-monospace,SFMono-Regular,Menlo,monospace}.timing-comparison>header div>span,.timing-comparison>header p>span{color:var(--muted);margin-top:3px;font-size:9px}.timing-comparison>header p{text-align:right;margin:0}.timing-comparison>header p>strong{color:var(--blue);text-transform:uppercase;font:800 10px ui-monospace,SFMono-Regular,Menlo,monospace}.timing-bars{gap:6px;display:grid}.timing-lane{grid-template-columns:105px minmax(0,1fr) 60px;align-items:center;gap:9px;display:grid}.timing-lane>strong{text-transform:uppercase;align-items:center;gap:6px;font:800 8px ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.timing-lane>strong i{border-radius:50%;width:7px;height:7px}.timing-lane>strong i.baseline{background:var(--blue)}.timing-lane>strong i.jev{background:var(--orange)}.timing-lane>b{text-align:right;font:800 10px ui-monospace,SFMono-Regular,Menlo,monospace}.timing-track{background:#ebe6da;border:1px solid #858988;height:17px;display:flex;overflow:hidden}.timing-track>span{min-width:2px;height:100%}.timing-track .classification,.timing-phases i.classification{background:#655a91}.timing-track .tools,.timing-phases i.tools{background:#4d8f75}.timing-track .model,.timing-phases i.model{background:#d57a34}.timing-phases{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px;display:grid}.timing-phases>div{background:#e8e3d8;border:1px solid #aaa79e;grid-template-columns:minmax(100px,1fr) auto auto;align-items:center;gap:12px;padding:7px 9px;display:grid}.timing-phases strong{text-transform:uppercase;align-items:center;gap:6px;font:800 8px ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.timing-phases strong i{width:7px;height:7px}.timing-phases span{text-align:right;font:800 9px ui-monospace,SFMono-Regular,Menlo,monospace}.timing-phases span small{color:var(--muted);text-transform:uppercase;font-size:7px;display:block}.timing-note{color:#697176;margin-top:7px;font-size:8px;display:block}.prompt-dock{border:1px solid var(--dark);background:#f6f2e8f7;padding:12px;position:sticky;bottom:0;box-shadow:5px -5px #202a311f}.starter-prompts{grid-template-columns:150px minmax(0,1fr);gap:12px;margin-bottom:10px;display:grid}.starter-prompts>div:first-child{padding:7px 2px}.starter-prompts>div:first-child strong,.starter-prompts>div:first-child span{display:block}.starter-prompts>div:first-child strong{color:#424b51;letter-spacing:.11em;text-transform:uppercase;font:800 9px ui-monospace,SFMono-Regular,Menlo,monospace}.starter-prompts>div:first-child span{color:var(--muted);margin-top:5px;font-size:9px;line-height:1.35}.starter-prompts>div:last-child{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.starter-prompts button{cursor:pointer;text-align:left;background:#eae5d9;border:1px solid #aaa79e;min-width:0;padding:8px 10px}.starter-prompts button:hover{border-color:var(--orange);background:#f3ede1}.starter-prompts button strong,.starter-prompts button span{display:block}.starter-prompts button strong{color:var(--orange);letter-spacing:.07em;text-transform:uppercase;font:800 8px ui-monospace,SFMono-Regular,Menlo,monospace}.starter-prompts button span{color:#555e62;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:9px;line-height:1.35;overflow:hidden}.prompt-dock form{background:#fffaf0;border:1px solid #858988;padding:10px 12px}.prompt-dock form>label{color:#465056;letter-spacing:.1em;text-transform:uppercase;font:800 9px ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.prompt-dock textarea{resize:none;width:100%;color:var(--ink);background:0 0;border:0;outline:0;padding:9px 0;font-size:14px;line-height:1.45}.prompt-dock textarea::placeholder{color:#949894}.prompt-dock form>div{justify-content:space-between;align-items:center;gap:15px;display:flex}.prompt-dock form>div>span{color:#777f82;font-size:9px}.run-button,.stop-button{cursor:pointer;text-transform:uppercase;border:0;min-width:135px;padding:9px 15px;font:800 10px ui-monospace,SFMono-Regular,Menlo,monospace}.run-button{background:var(--orange);color:#fff}.run-button:hover:not(:disabled){background:#d95521}.run-button:disabled{cursor:not-allowed;background:#a7a49c}.stop-button{color:#a52d2d;background:0 0;border:1px solid #a52d2d}.error-banner{color:#8c2929;background:#f1dddd;border-left:3px solid #b83535;margin:0 0 8px;padding:8px 11px;font-size:10px}@keyframes pulse{50%{opacity:.35}}@keyframes bars{50%{height:23px}}@media (width<=900px){.lab-shell{padding:8px}.control-board{grid-template-columns:1fr 1fr}.result-grid{grid-template-columns:1fr}.lane-card{min-height:430px}.starter-prompts{grid-template-columns:1fr;gap:4px}.starter-prompts>div:first-child{align-items:baseline;gap:8px;display:flex}.starter-prompts>div:first-child span{margin-top:0}.starter-prompts>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.lab-shell{gap:0;padding:0}.lab-header{min-height:68px;box-shadow:none;border-left:0;border-right:0}.source-lock{display:none}.identity>span{width:38px;height:38px}.identity h1{font-size:21px}.control-board{border-left:0;border-right:0;grid-template-columns:1fr}.control-board>div{border-bottom:1px solid #9e9b92;border-right:0}.control-board>div:last-child{border-bottom:0}.result-grid{gap:0}.lane-card{min-height:520px;box-shadow:none;border-left:0;border-right:0}.timing-comparison{border-left:0;border-right:0}.timing-lane{grid-template-columns:82px minmax(0,1fr) 52px;gap:6px}.timing-phases{grid-template-columns:1fr}.prompt-dock{box-shadow:none;border-left:0;border-right:0;padding:7px}.starter-prompts>div:first-child{display:none}.starter-prompts>div:last-child{grid-template-columns:none;grid-auto-columns:minmax(190px,72vw);grid-auto-flow:column;padding-bottom:3px;overflow-x:auto}.prompt-dock form>div>span{display:none}.prompt-dock form>div{justify-content:flex-end}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
