/* An open work surface, not four decorative cards. Scoped to the browser demo. */
#proof-lab{--lab-accent:#bce7f7;--lab-muted:#a9c1cd;background:rgba(244,248,250,.94);color:#142a38;border:1px solid #fff;box-shadow:0 24px 70px #153d5612;padding:48px;scroll-margin-top:110px}
#proof-lab .lab-inner{max-width:none}
#proof-lab .lab-eyebrow{color:#426477;margin-bottom:14px}
#proof-lab .lab-heading{grid-template-columns:1fr 1fr;align-items:center;gap:64px;margin-bottom:12px}
#proof-lab h2{color:#152c3a;font-size:clamp(38px,4.5vw,64px);font-weight:500;line-height:1.02;letter-spacing:-.055em;max-width:430px}
#proof-lab .lab-intro{color:#4d6573;font-size:15px;line-height:1.65;max-width:390px}
#proof-lab .lab-disclosure{color:#62737d;font-size:11px;max-width:760px;margin:20px 0 32px}
.lab-studio{display:grid;grid-template-columns:210px minmax(0,1fr);gap:0 28px;align-items:start}
.lab-selector{padding-top:6px}
#proof-lab .lab-selector>.lab-label{color:#526976;font-size:10px;letter-spacing:.08em}
#proof-lab .lab-scenarios{display:flex;flex-direction:column;gap:0;margin:16px 0 0;counter-reset:scenario}
#proof-lab .lab-scenario{position:relative;counter-increment:scenario;min-height:104px;padding:20px 26px 20px 0;border:0;border-top:1px solid #cad6dc;border-radius:0;background:transparent;color:#607582;font-size:14px;transition:color .2s,padding .2s}
#proof-lab .lab-scenario small{color:#506775;font-size:9px;letter-spacing:.08em;margin-bottom:7px}
#proof-lab .lab-scenario::after{content:'↗';position:absolute;right:4px;top:42px;font-size:22px;color:#8b9fa9;transition:transform .2s}
#proof-lab .lab-scenario[aria-pressed=true]{color:#102c3b;padding-left:12px;border-top-color:#193e53;background:linear-gradient(90deg,#dceaf1,transparent)}
#proof-lab .lab-scenario[aria-pressed=true] small{color:#345d75}
#proof-lab .lab-scenario[aria-pressed=true]::after{color:#163e55;transform:rotate(45deg)}
#proof-lab .lab-scenario:hover{color:#102c3b}
#proof-lab .lab-workbench{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);border:1px solid #d0dce2;border-radius:16px;background:#fff;box-shadow:0 16px 38px #193e5312}
#proof-lab .lab-controls,#proof-lab .lab-result{padding:26px 24px}
#proof-lab .lab-controls{border:0;display:flex;flex-direction:column}
#proof-lab .lab-controls label,#proof-lab .lab-controls .lab-label{color:#627580;font-size:10px;letter-spacing:.03em}
#proof-lab select{font-size:12px;background:#f4f7f9;color:#244355;border:1px solid #cddae0;border-radius:7px;padding:10px 8px;margin-bottom:26px;min-height:44px}
#proof-lab .lab-source{color:#274e65;font-size:11px;padding-bottom:14px;border-bottom:1px solid #e2e9ec;margin-bottom:18px}
#proof-lab .lab-source::before{background:#426c84;border-radius:2px;width:10px;height:8px}
#proof-lab .lab-input{font:400 15px/1.8 Georgia,serif;color:#263f4d;padding:0;border:0;min-height:155px;margin:0 0 26px;flex:1}
#proof-lab .lab-run{background:#193c51;color:#fff;border-radius:7px;font-size:12px;min-height:46px;line-height:1.5;text-align:left;justify-content:space-between;padding:12px 14px}
#proof-lab .lab-run::after{content:'→';font-size:20px}
#proof-lab .lab-run:hover{background:#2c5269}
#proof-lab .lab-result{background:radial-gradient(ellipse at 100% 0,#25475b,transparent 75%),#122b3c;position:relative}
#proof-lab .lab-result>.lab-label{font-size:10px;letter-spacing:.04em;margin-bottom:20px;color:#aec7d4}
#proof-lab .lab-pipeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 0 25px;counter-reset:stage}
#proof-lab .lab-pipeline li{min-height:0;padding:0 4px 0 0;border:0;border-radius:0;background:none;box-shadow:none;color:#b2c8d4;font-size:9px;line-height:1.5;font-weight:400}
#proof-lab .lab-pipeline li::before{width:25px;height:25px;margin:0 0 9px;font:10px/23px ui-monospace,monospace;border-color:#627f90;background:#153346;color:#afcbd9;position:relative;z-index:1}
#proof-lab .lab-pipeline li:not(:last-child)::after{display:block;content:'';left:25px;right:0;top:12px;width:auto;height:1px;background:#526c7c;transform:none}
#proof-lab .lab-pipeline li[data-state=done]::before{color:#143344;background:#c1e7f6;border-color:#c1e7f6}
#proof-lab .lab-pipeline li[data-state=held]::before{color:#40260b;background:#f9d4a2;border-color:#f9d4a2}
#proof-lab .lab-pipeline li[data-state=active]::before{color:#fff;border-color:#c1e7f6}
#proof-lab .lab-pipeline li[data-state=done]::after{background:#c1e7f6}
#proof-lab .lab-status{font-size:12px;line-height:1.5;margin-bottom:14px;min-height:36px}
.lab-ready-art{display:none;color:#789bad;max-width:240px;width:100%;margin:0 auto 14px}
.lab-ready-art svg{width:100%;height:auto}
#proof-lab[data-phase=ready] .lab-ready-art{display:block}
#proof-lab .lab-output{font-family:inherit;font-size:13px;line-height:1.75;min-height:120px;color:#e3eef3;margin-bottom:22px}
#proof-lab[data-phase=ready] .lab-output{min-height:0;font:italic 14px/1.6 Georgia,serif;color:#a7c3d2;text-align:center}
#proof-lab .lab-boundary{border:0;border-top:1px solid #506776;border-radius:0;padding:16px 0 0;font-size:10px;line-height:1.7;color:#aac2cf}
#proof-lab .lab-boundary strong{font-size:10px;font-weight:600;color:#e1eef5;margin-bottom:6px}
.lab-studio>details,.lab-studio>.lab-actions,.lab-studio>.lab-footnote{grid-column:2}
#proof-lab .lab-footnote,#proof-lab .lab-log{color:#567080;font-size:11px}
#proof-lab .lab-footnote:empty{display:none}
#proof-lab summary{color:#244a61}
#proof-lab .lab-cta{background:#193c51;color:#fff;font-size:12px}
#proof-lab .lab-download{color:#264b61;border-color:#a9bcc7;font-size:12px}
#proof-lab button:focus-visible,#proof-lab a:focus-visible,#proof-lab select:focus-visible,#proof-lab summary:focus-visible{outline-color:#17618c}
#proof-lab .lab-noscript{color:#244a61;border-color:#a9bcc7}
/* Keep operational labels readable; reserve tiny type for decorative numbering. */
#proof-lab .lab-controls label,#proof-lab .lab-controls .lab-label,#proof-lab .lab-result>.lab-label,#proof-lab .lab-selector>.lab-label{font-size:12px}
#proof-lab .lab-disclosure{font-size:12px}
#proof-lab .lab-pipeline li{font-size:10px;overflow-wrap:normal}
#proof-lab .lab-boundary,#proof-lab .lab-boundary strong{font-size:11px}
@media(max-width:1100px){#proof-lab{padding:36px}.lab-studio{grid-template-columns:170px minmax(0,1fr);gap:0 20px}#proof-lab .lab-controls,#proof-lab .lab-result{padding:22px 18px}}
@media(max-width:900px){#proof-lab .lab-heading{gap:28px}.lab-studio{grid-template-columns:1fr}.lab-selector{padding:0}#proof-lab .lab-scenarios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:10px 0 22px}#proof-lab .lab-scenario{min-height:105px;font-size:12px;padding:16px 20px 16px 0}#proof-lab .lab-scenario small{font-size:8px}#proof-lab .lab-scenario::after{top:39px;font-size:18px}.lab-studio>details,.lab-studio>.lab-actions,.lab-studio>.lab-footnote{grid-column:1}}
@media(max-width:600px){#proof-lab{padding:28px 20px}#proof-lab .lab-heading{grid-template-columns:1fr;gap:18px}#proof-lab h2{font-size:43px;max-width:290px}#proof-lab .lab-intro{font-size:14px}#proof-lab .lab-disclosure{font-size:10px;margin:18px 0 24px}#proof-lab .lab-scenarios{gap:8px}#proof-lab .lab-scenario{padding:12px 3px 20px;font-size:11px;min-height:130px}#proof-lab .lab-scenario small{font-size:7px;letter-spacing:.02em}#proof-lab .lab-scenario[aria-pressed=true]{padding-left:6px}#proof-lab .lab-scenario::after{top:auto;bottom:0;right:4px}#proof-lab .lab-workbench{grid-template-columns:1fr}#proof-lab .lab-controls,#proof-lab .lab-result{padding:24px 20px}#proof-lab .lab-input{min-height:0}#proof-lab .lab-pipeline li{font-size:10px}#proof-lab .lab-boundary,#proof-lab .lab-boundary strong{font-size:11px}#proof-lab .lab-actions{gap:10px}}
@media(max-width:600px){#proof-lab .lab-scenarios{grid-template-columns:1fr;gap:0}#proof-lab .lab-scenario{min-height:64px;padding:12px 30px 12px 8px;font-size:13px}#proof-lab .lab-scenario small{font-size:9px;margin-bottom:4px}#proof-lab .lab-scenario[aria-pressed=true]{padding-left:12px}#proof-lab .lab-scenario::after{top:24px;bottom:auto;right:10px}#proof-lab .lab-pipeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}#proof-lab .lab-pipeline li{display:flex;align-items:center;gap:7px;font-size:10px}#proof-lab .lab-pipeline li::before{flex:0 0 25px;margin:0}#proof-lab .lab-pipeline li::after{display:none!important}.lab-ready-art{max-width:170px}#proof-lab .lab-status{min-height:0}}