/* Layout, mark and typography adapted from the user's BuildingBench reference.
   Figure fonts and company colors come from figure-kit. Scientific data remains Code4Scene's. */
@font-face{font-family:Inter;font-weight:400;src:url(fonts/inter-latin-400-normal.woff2) format('woff2');font-display:swap}
@font-face{font-family:Inter;font-weight:500;src:url(fonts/inter-latin-500-normal.woff2) format('woff2');font-display:swap}
@font-face{font-family:Inter;font-weight:600 900;src:url(fonts/inter-latin-700-normal.woff2) format('woff2');font-display:swap}
@font-face{font-family:'IBM Plex Mono';font-weight:500;src:url(fonts/ibm-plex-mono-latin-500-normal.woff2) format('woff2');font-display:swap}
@font-face{font-family:'Source Serif 4';font-weight:400;src:url(fonts/source-serif-4-latin-400-normal.woff2) format('woff2');font-display:swap}
:root{--ink:#202d32;--muted:#738078;--green:#35687e;--green-dark:#294f60;--green-soft:#edf3f5;--bg:#f6f8f5;--paper:#fff;--primary:var(--green);--primary-dark:var(--green-dark);--text-h:#171816;--text-p:#545c59;--text-muted:#738078;--text-light:#87908a;--bg-page:var(--bg);--bg-alt:var(--bg);--border:#dfe3de;--line:#dfe3de;--line-soft:#eceee9;--line-strong:#c7cec7;--surface-0:var(--bg);--surface-1:#fff;--surface-2:#f5f6f2;--surface-3:#e6ebe7;--accent:var(--green);--accent-bright:var(--green-dark);--accent-wash:#edf3f5;--max-w:1360px;--nav-h:0px;--radius-sm:12px;--radius-md:20px;--shadow-sm:none;--shadow-md:none;--c4s-a:#35687e;--c4s-b:#D97757;font-synthesis:none}
html{background:var(--bg);scroll-padding-top:24px}body{color:var(--ink);background:var(--bg);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;line-height:1.5;overflow-x:visible}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}a:hover{text-decoration:none;color:var(--green)}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,svg path:focus-visible{outline:3px solid #8bb4c5;outline-offset:3px}img{max-width:100%}.skip-link{position:absolute;top:-70px;left:12px;background:var(--green);color:white;padding:12px;z-index:2000}.skip-link:focus{top:10px}
/* BuildingBench header and two-column introduction geometry. */
.site-header{max-width:1440px;margin:auto;padding:0 40px;height:76px;display:flex;align-items:center;gap:26px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;letter-spacing:-.5px;font-weight:700;font-size:19px}.brand svg{width:26px;height:29px;color:var(--green)}.brand-home{display:flex;align-items:center;gap:10px}.brand-by{font-size:12px;font-weight:500;letter-spacing:0;color:var(--muted);padding-left:12px;margin-left:2px;border-left:1px solid #cad6ce;white-space:nowrap}.site-header nav{display:flex;gap:28px;font-size:14px;margin-left:auto;align-items:center}.site-header nav a{padding:28px 0;white-space:nowrap}.site-header nav .nav-active{color:var(--green);position:relative;font-weight:700}.nav-active:after{content:'';position:absolute;bottom:0;height:2px;left:0;right:0;background:var(--green)}
.page-main{max-width:1440px;margin:auto;padding:0 40px}.container{max-width:var(--max-w);margin:0 auto}.intro{padding:34px 0 30px;display:grid;grid-template-columns:1.04fr 1fr;gap:56px;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1px;color:var(--muted);line-height:1.6}.intro h1{font-size:clamp(32px,3.5vw,49px);line-height:1.075;letter-spacing:-2px;font-weight:700;color:var(--ink);margin:0}.intro h1 em{font-style:normal;color:var(--green)}.intro-text{margin-top:15px;font-size:13px;line-height:1.7;max-width:460px;color:#657269}.intro-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px;font-size:11px;font-weight:500;color:var(--green)}
.featured{position:relative;height:273px;border:1px solid #dce6dd;border-radius:12px;background:#edf2ef;overflow:hidden}.featured-header{position:absolute;left:16px;right:16px;top:14px;display:flex;align-items:center;justify-content:space-between;z-index:1;pointer-events:none}.model-pill{font-size:12px;font-weight:700;padding:4px 8px;border:1px solid #c8dacd;background:#ffffffe6;border-radius:4px;color:var(--green-dark)}.featured-header .eyebrow{background:#ffffffeb;padding:4px 7px;border-radius:4px}.featured-scene{position:absolute;inset:0 0 57px}.featured-scene img{width:100%;height:100%;object-fit:cover}.featured-footer{position:absolute;bottom:25px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;gap:10px}.featured-footer strong{font-size:14px}.text-button{display:inline-flex;align-items:center;gap:6px;padding:0;background:none;font-size:12px;font-weight:600;color:var(--green);line-height:1.6}.text-button:hover{text-decoration:underline}.featured-note{position:absolute;bottom:8px;left:16px;font-size:11px;color:#7a8a7c;margin:0}
section,section.alt,section.dark{padding:34px 0;background:transparent;color:var(--text-p)}.section-header,.section-header.centered{text-align:left;margin-bottom:22px;max-width:none}.section-label{display:none}.section-title,section.dark .section-title{font-size:clamp(30px,4.2vw,46px);line-height:1.04;letter-spacing:-1.9px;font-weight:700;color:#171816;margin:6px 0 20px}.section-desc,section.dark .section-desc{font-size:14px;line-height:1.65;max-width:850px;margin:0;color:var(--text-p)}.card{background:white;border:1px solid var(--border);border-radius:20px;box-shadow:none}.card:hover{box-shadow:none}.btn{font-size:12px;padding:10px 14px;border-radius:6px;box-shadow:none;font-weight:600}.btn:hover{transform:none;box-shadow:none}.btn-primary{background:var(--green-dark);color:white;border:1px solid var(--green-dark);box-shadow:none}.btn-primary:hover{background:var(--green);color:white;box-shadow:none}.btn-outline,.btn-dark,section.dark .btn-outline{background:#fff;border:1px solid var(--border);color:var(--green-dark)}
.task-section{padding-top:0}.task-shell{padding:20px;border:1px solid #d7dbd5;border-radius:28px;background:white}.task-shell>h3{font-size:22px;letter-spacing:-.6px;line-height:1.35;color:var(--text-h);margin:0 0 5px}.task-shell>h3 span{font-weight:500}.task-subtitle{font-size:14px;margin:0 0 20px;color:#60655e}.task-columns{display:grid;grid-template-columns:1fr 1.55fr 1fr;gap:14px}.task-panel{min-width:0;background:#fbfcf9;border:1px solid #d7dbd5;border-radius:18px;padding:14px;display:flex;flex-direction:column}.panel-heading{display:flex;justify-content:space-between;gap:10px;align-items:baseline;margin-bottom:14px;font-size:13px;color:#171816}.panel-heading span{font-size:11px;color:#626960;text-align:right}.prompt-preview{border-radius:12px;background:#f0f3ed;padding:16px;flex:1}.prompt-preview p{font-size:14px;line-height:1.6;margin:9px 0}.prompt-preview .prompt-detail{font-size:12px;color:#747b71}.output-panel img{width:100%;height:253px;object-fit:cover;border:1px solid #e4e4e2;border-radius:12px}.task-foot{font-size:11px;line-height:1.6;color:#626960;margin:12px 0 0}.score-block{padding:20px 18px;border-radius:14px;background:#171816;color:#fff;flex:1;display:flex;flex-direction:column;justify-content:center}.score-block>span{font-size:11px;color:#bbbfba;letter-spacing:.06em}.score-block>strong{font-size:52px;line-height:1.2;letter-spacing:-2px}.score-block dl{margin-top:20px;display:grid;gap:12px}.score-block dl>div{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:11px}.score-block dd{font-size:15px;font-weight:500;font-variant-numeric:tabular-nums}.task-full{margin-top:18px;border:1px solid var(--border);border-radius:12px}.task-full summary{padding:13px 16px;display:flex;justify-content:space-between;gap:12px;font-size:12px;font-weight:500;cursor:pointer}.task-full summary span+span{font-size:10px;color:var(--text-muted)}.task-full>p{padding:0 18px 18px;font-size:13px;line-height:1.8}.task-settings .grid2{margin:18px 0 0!important;gap:14px}.task-settings .setting-card{padding:16px;background:#fafbf8;border-radius:14px}.setting-card h3{font-size:18px;margin-bottom:7px}.setting-card p{font-size:12px;line-height:1.65}.setting-card .kicker{font-size:10px;color:var(--muted)}.formula{font-size:11px;white-space:normal}.availability{border-bottom:1px solid var(--border);padding:18px 4px;display:flex;gap:10px 24px;flex-wrap:wrap;font-size:11px;line-height:1.7;color:var(--text-muted)}.availability b{color:var(--text-h);font-size:14px}
.lb-tabs{justify-content:flex-start;margin-bottom:16px}.seg{background:#f0f3ef;border:1px solid var(--border);border-radius:7px;padding:3px;gap:3px}.seg button,.seg-lg button{font-size:12px;padding:8px 14px;border-radius:4px;color:#778178}.seg button.on{background:white;color:var(--ink);box-shadow:0 1px 4px #152a1915}.bar-card{padding:20px 18px 12px;margin-bottom:18px;overflow:hidden}.bar-heading{display:flex;justify-content:space-between;align-items:baseline;padding:0 12px;gap:20px}.bar-heading h3{font:400 31px 'Source Serif 4',Georgia,serif;color:#1a1a1a}.bar-heading span{font-size:12px;color:#8d8d8d}.bar-scroll{overflow:auto;scrollbar-width:thin}.kit-bars{display:block;width:100%;min-width:720px;height:auto}.bar-card .note{margin:0 12px;font-size:11px;color:#738078}.chart-card{padding:20px 24px;margin-bottom:18px}.sub-title{font-size:18px;letter-spacing:-.3px;color:var(--text-h);font-weight:700}.sub-desc{font-size:12px;color:var(--text-muted);line-height:1.6}.ch-legend{font-size:11px;gap:6px 16px;margin-top:14px}.note,.board-note{font-size:11px;color:var(--text-muted)}.board{font-size:13px}.board th{font-size:10px;font-weight:500;color:#7d877d;background:#f8faf6;letter-spacing:.03em}.board td{padding:12px 10px}.board tbody tr:hover{background:#f5f8f2}.board .tag{font-size:9px;background:#edf3ef;color:#4b715d}.board .cellbar i{opacity:.13}.board .cellbar b{color:#284e3f}.board-wrap{overflow:auto}
.case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.case-grid .case-card{border:1px solid #d7ded5;border-radius:16px;box-shadow:none;background:white;overflow:hidden}.case-grid .case-card:hover{transform:none;border-color:var(--green);box-shadow:none}.case-card .th{aspect-ratio:16/10;background-color:#f1f1ee}.case-card .th i{font-size:10px;color:#36544b;background:#ffffffed;border:1px solid #e1e4de;border-radius:5px}.case-card .meta{padding:15px 16px}.case-card .meta h4{font-size:15px;color:var(--text-h)}.case-card .meta p{font-size:11px;color:var(--text-muted);margin-top:6px}.tk{padding:24px;border:1px solid var(--border);border-radius:22px;background:white;margin:18px 0}.tk .n{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:none;padding:0;border:0}.tk h3{font-size:24px;line-height:1.25;letter-spacing:-.7px;max-width:1000px}.tk p.s{font-size:14px;color:#62695e}.tk figure{background:#fbfcf9;border-color:var(--line);border-radius:14px}.tk figcaption{font-size:11px;color:var(--text-muted)}
.teaser-frame{border:1px solid var(--border);border-radius:20px;box-shadow:none;background:#171816;max-width:none}.teaser-frame video{width:100%;max-height:680px}.author-block{margin:22px 0}.hero-authors{font-size:13px;color:var(--ink);margin-bottom:8px}.hero-affiliations{font-size:11px;color:var(--muted);margin-bottom:0}.paper-abstract{border:1px solid var(--border);border-radius:16px;background:white}.paper-abstract summary{padding:18px 20px;display:flex;justify-content:space-between;gap:20px;cursor:pointer;font-size:15px;font-weight:600;color:var(--text-h)}.paper-abstract summary span{font-size:11px;font-weight:400;color:var(--muted)}.paper-abstract .abstract-card{border:0;box-shadow:none;padding:0 20px 20px;max-width:none;font-size:13px;line-height:1.8}.method-flow .flow{gap:12px;margin-top:24px}.flow .step{background:#fff;border:1px solid var(--border);border-radius:12px;padding:15px}.flow .step:after{display:none}.flow .step .n{font-size:10px;color:var(--green)}.flow .step b{font-size:13px}.flow .step span{font-size:11px}.cite-box{background:white;border:1px solid var(--border);border-radius:16px;max-width:none}.cite-box pre{color:#4d5a50;font-size:12px}.cite-copy-btn{background:#f4f7f0;color:var(--ink);border:1px solid var(--border);border-radius:5px}footer{max-width:1360px;margin:auto;background:transparent;border-top:1px solid var(--border);padding:24px 0;color:var(--muted);text-align:left;font-size:11px}footer a{color:var(--green)}footer p:last-child{color:var(--muted)!important}
.case-page>section{max-width:1440px;padding-left:40px;padding-right:40px;margin:auto}.case-page .card{border-radius:22px}.case-page .viewer{background:#f1f1ee;border:1px solid #e4e4e2;border-radius:14px}.case-page .casebar button{background:#fff;font-family:Inter,sans-serif;border-radius:10px}.case-page .casebar button.on{background:#edf3f5;border-color:var(--green);color:var(--green-dark)}.case-page .casebar button.on small{color:#647a82}.case-page .panel{border-radius:14px}.case-page .section-title{font-size:38px}.case-page .agents{grid-template-columns:repeat(7,minmax(0,1fr))}
@media(min-width:1500px){.intro{padding-top:39px;padding-bottom:35px}}
@media(max-width:1180px){.page-main,.site-header,.case-page>section{padding-left:24px;padding-right:24px}.intro{gap:30px}.brand-by{display:none}.task-columns{grid-template-columns:1fr 1.35fr 1fr}.panel-heading{flex-wrap:wrap}.panel-heading span{text-align:left}.score-block{padding:16px 12px}.score-block dl>div{font-size:10px}.score-block dd{font-size:13px}.output-panel img{height:265px}footer{margin:0 24px}}
@media(max-width:940px){.site-header{height:66px;gap:20px}.site-header nav{gap:20px;font-size:12px}.site-header nav a{padding:24px 0}.intro{gap:22px;padding:26px 0}.intro h1{font-size:35px;letter-spacing:-1.5px}.intro-text{font-size:12px}.featured{height:252px}.task-columns{grid-template-columns:1fr 1fr}.evaluation-panel{grid-column:1/-1}.evaluation-panel .score-block{display:grid;grid-template-columns:1fr 2fr;gap:0 20px;padding:18px}.score-block dl{grid-column:2;grid-row:1/3;margin:0}.score-block>strong{font-size:42px}.task-columns .output-panel img{height:250px}.case-page .casegrid{grid-template-columns:1fr}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flow{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.page-main,.site-header,.case-page>section{padding-left:16px;padding-right:16px}.site-header{gap:12px;height:auto;min-height:65px;flex-wrap:wrap;padding-top:14px;padding-bottom:0}.brand{font-size:16px}.brand-home{gap:7px}.brand svg{width:23px;height:25px}.site-header nav{gap:18px;width:100%;justify-content:space-between;font-size:10px;overflow:auto}.site-header nav a{padding:14px 0 12px}.intro{grid-template-columns:1fr;padding:24px 0;gap:20px}.intro h1{font-size:38px;line-height:1.08;letter-spacing:-1.7px}.intro-text{font-size:12px;margin-top:12px;max-width:480px}.intro-links{font-size:10px;gap:16px;margin-top:14px}.featured{height:250px}.featured-footer strong{font-size:13px}.featured-note{font-size:10px}.featured-header .eyebrow{font-size:9px}.model-pill{font-size:10px}.section-title,.case-page .section-title{font-size:32px;letter-spacing:-1.3px;line-height:1.12;margin-bottom:18px}.section-desc{font-size:12px}.task-shell{border-radius:20px;padding:14px}.task-shell>h3{font-size:19px}.task-shell>h3 span{font-size:14px}.task-subtitle{font-size:12px}.task-columns{grid-template-columns:1fr;gap:12px}.evaluation-panel{grid-column:auto}.task-panel{padding:13px;border-radius:14px}.panel-heading{flex-wrap:nowrap;font-size:12px}.panel-heading span{font-size:10px}.task-columns .output-panel img{height:auto;aspect-ratio:16/10}.prompt-preview p{font-size:13px}.task-settings .grid2{grid-template-columns:1fr;gap:12px}.task-full summary{font-size:11px;padding:12px}.task-full summary span+span{font-size:8px}.availability{padding:15px 2px;font-size:10px;gap:8px}section,section.alt,section.dark{padding:26px 0}.task-section{padding-top:0}.bar-card{padding:16px 8px 12px;border-radius:16px}.bar-heading{gap:12px;padding:0 8px}.bar-heading h3{font-size:26px}.bar-heading span{font-size:10px;max-width:115px;text-align:right}.bar-scroll{margin-top:8px}.bar-card .note{font-size:10px;margin:0 8px}.chart-card{padding:17px 14px}.seg button,.seg-lg button{font-size:11px;padding:8px 11px}.ch-legend{font-size:10px}.board{font-size:12px}.board th{font-size:9px}.board td{padding:10px 8px}.case-grid{gap:12px}.case-card .meta{padding:12px}.case-card .meta h4{font-size:13px}.case-card .meta p{font-size:10px;line-height:1.5}.case-card .th i{font-size:8px}.tk{padding:18px 14px;border-radius:18px}.tk h3{font-size:20px;line-height:1.3}.tk p.s{font-size:12px}.tk .figs{grid-template-columns:1fr}.paper-abstract summary{font-size:13px;padding:16px;align-items:flex-start}.paper-abstract summary span{font-size:10px;max-width:145px}.paper-abstract .abstract-card{font-size:12px;padding:0 16px 16px}.hero-authors{font-size:11px}.hero-affiliations{font-size:10px}.flow{grid-template-columns:1fr 1fr}.cite-box pre{font-size:10px}.case-page .agents{grid-template-columns:repeat(4,minmax(0,1fr))}.case-page .card{padding:16px!important}.case-page .in-layout{grid-template-columns:1fr}footer{margin:0 16px;font-size:10px;line-height:1.8}.btn{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
.section-header.centered .section-desc{margin-left:0;margin-right:0;text-align:left}
.bar-mobile-hint{display:none}@media(max-width:650px){.bar-mobile-hint{display:block;font-size:10px;color:var(--muted);padding:10px 8px 0}.kit-bars{min-width:960px}}
/* Live scenes use BuildingBench's single-renderer / per-view canvas architecture. */
.live-scene{position:relative;display:block;overflow:hidden;isolation:isolate;background:#e6edf0;border-radius:14px;height:273px;touch-action:pan-y}.live-scene canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none;outline-offset:-3px}.live-scene canvas:active{cursor:grabbing}.scene-loading{position:absolute;inset:0;display:grid;place-items:center;color:#53616a;font-size:12px;pointer-events:none}.scene-hint{position:absolute;left:12px;bottom:10px;font-size:10px;letter-spacing:.02em;color:#fff;background:#17201dcc;border-radius:5px;padding:5px 8px;pointer-events:none}.scene-motion{position:absolute;right:10px;bottom:10px;border:1px solid #fff9;border-radius:50%;background:#fffdf8e8;color:#344341;width:28px;height:28px;padding:0;cursor:pointer}.output-panel .live-scene{height:255px;border-radius:12px}.case-card .live-scene{height:250px;border-radius:16px 16px 0 0}.case-card{display:block}.case-card .meta{padding:20px}.case-card .meta .eyebrow{font-size:9px}.case-card .meta h4{margin:8px 0}.case-card .meta .text-button{display:inline-block;margin-top:13px;font-size:12px}.scene-versions{display:flex;gap:4px;padding:9px;background:#f2f2ee;border-top:1px solid #e0e3df}.scene-versions button{flex:1;border:0;border-radius:6px;background:transparent;padding:7px 4px;color:#707b75;font:500 11px Inter,sans-serif;cursor:pointer}.scene-versions button.on{background:white;color:#17201d;box-shadow:0 1px 3px #0001}.pareto-card{background:#fffefb!important;padding:26px 28px 20px!important}.figure-title{font:400 31px/1.2 'Source Serif 4',serif!important;letter-spacing:-.7px!important;margin:0 0 8px!important}.figure-title span{color:#8d8d8d}.figure-subtitle{font:400 15.5px/22px Inter,sans-serif;color:#8d8d8d;margin:0 0 8px}.figure-caption{font:400 12px/1.7 Inter,sans-serif;color:#7d857f;margin:8px 20px 0!important}.pareto-scroll{overflow-x:auto}.pareto-svg{width:100%;min-width:880px;height:auto;display:block;font-family:Inter,sans-serif}.pareto-svg .grid{stroke:#dfdcd2;stroke-width:.8}.pareto-svg .vertical{stroke-dasharray:2 5;opacity:.65}.pareto-svg .axis{stroke:#c8c4b7;stroke-width:1}.pareto-svg .tick{fill:#9aa19b;font-size:11px}.pareto-svg .axis-title{fill:#7d857f;font-size:16px}.pareto-svg .frontier-line{fill:none;stroke:#2b3531;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.pareto-svg .frontier-halo{fill:none;stroke:#2b3531;stroke-opacity:.13;stroke-width:11.7;stroke-linejoin:round;stroke-linecap:round}.pareto-svg .model-label{paint-order:stroke;stroke:#fffefb;stroke-width:3.6px;stroke-linejoin:round}.pareto-node{cursor:help;transition:opacity .15s}.pareto-node.dim{opacity:.24}.pareto-node:focus{outline:none}.pareto-node:focus .chip{stroke:#17201d;stroke-width:2}.pareto-tooltip{position:fixed;z-index:1000;padding:12px 15px;border:1px solid #dfdcd2;border-radius:10px;background:#fffefb;color:#4a544f;box-shadow:0 5px 25px #17201d20;pointer-events:none;opacity:0;font:12px/1.7 Inter,sans-serif}.pareto-tooltip.on{opacity:1}.pareto-tooltip strong{display:block;color:#17201d;margin-bottom:5px;font-size:13px}
@media(max-width:650px){.live-scene{height:260px}.output-panel .live-scene{height:245px}.case-card .live-scene{height:270px}.pareto-card{padding:20px 12px!important}.figure-title{font-size:26px!important}.figure-title span{display:block}.figure-subtitle{font-size:13px}.figure-caption{margin:10px 4px 0!important}.pareto-scroll{margin:0 -12px;padding:0 12px}.scene-hint{font-size:9px}}
.featured .featured-scene.live-scene{position:absolute;height:calc(100% - 57px);border-radius:0}.featured-footer,.featured-note{z-index:2}.tk figure>.live-scene{height:340px;border-radius:12px}.scene-loading{background:#e6edf0}
@media(max-width:650px){.case-grid{grid-template-columns:1fr}.tk figure>.live-scene{height:260px}}
.pareto-card .figure-title{color:#1a1a1a!important}.pareto-card .figure-title span{color:#8d8d8d}
.pareto-swipe{display:none}@media(max-width:650px){.pareto-swipe{display:block;font:10px Inter,sans-serif;color:#7d857f;margin:6px 0}}
/* Unified task format and reference-style chart interaction. */
[hidden]{display:none!important}.task-tabs{display:flex;gap:4px;padding:4px;background:#f0f3ef;border:1px solid #d7dbd5;border-radius:9px;width:max-content;max-width:100%;margin:0 0 22px}.task-tabs button{border:0;background:none;border-radius:6px;padding:10px 18px;font:600 12px Inter,sans-serif;color:#778178;cursor:pointer}.task-tabs [aria-selected=true]{background:white;color:#17201d;box-shadow:0 1px 4px #17201d15}.task-content>h3{font-size:22px;letter-spacing:-.6px;line-height:1.35;margin:0 0 5px}.task-content>h3 span{font-weight:500}.task-content .task-columns{align-items:stretch}.task-formula{font:11px/1.7 'IBM Plex Mono',monospace;color:#58665c;margin:12px 0 0}.input-panel .live-scene{height:255px;border-radius:12px}.task-reference{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin-top:14px;font:11px/1.5 Inter,sans-serif;color:#35687e}.task-reference img{display:block;width:100%;height:auto;border-radius:10px;object-fit:contain;background:#edf2ef}.task-reference span{display:block}.task-content .scene-versions{padding:8px 3px;border:0;background:transparent}.scene-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:12px;text-align:center;padding:16px;z-index:3;background:#e6edf0e8}.scene-retry{pointer-events:auto;cursor:pointer;border:1px solid #81998e;background:#fffefb;border-radius:7px;color:#294c41;padding:8px 14px;font:600 12px Inter,sans-serif}.live-scene[data-state-phase=error] .scene-loading{color:#684839}.chart-tooltip{position:fixed;z-index:1100;max-width:calc(100vw - 16px);padding:14px 17px;background:#fffefb;border:1px solid #d7dbd5;border-radius:11px;color:#4a544f;box-shadow:0 5px 24px #17201d24;opacity:0;pointer-events:none;font:12px/1.65 Inter,sans-serif}.chart-tooltip.on{opacity:1}.chart-tooltip strong{display:block;color:#17201d;font-size:13px}.tooltip-provider{display:block;font-size:10px;color:#7d857f;margin:1px 0 8px}.chart-tooltip dl{display:grid;grid-template-columns:auto auto;gap:4px 16px;margin:0}.chart-tooltip dd{font:11px/1.8 'IBM Plex Mono',monospace;text-align:right;margin:0;color:#17201d}.chart-node{cursor:pointer;transition:opacity .12s}.chart-node.dim{opacity:.23}.chart-node.hot .bar{filter:brightness(1.08)}.chart-node:focus{outline:none}.chart-node:focus .bar{stroke:#17201d;stroke-width:2}.bar-card,.pareto-card,.ranking-card{padding:24px!important;border-radius:20px}.bar-heading{padding:0!important}.bar-scroll{margin-top:14px}.bar-card .note{margin:0!important}.kit-bars{min-width:1000px}.pareto-svg{min-width:1100px}.figure-caption{margin-left:0!important;margin-right:0!important}.lb-tabs{position:static!important}.ranking-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 20px}.ranking-toolbar label{display:grid;gap:7px;font:500 11px Inter,sans-serif;color:#65756c}.ranking-toolbar input{width:260px;max-width:100%;border:1px solid #d7dbd5;border-radius:7px;padding:9px 11px;font:12px Inter,sans-serif;background:#fffefb;color:#17201d}.ranking-toolbar>span{font-size:11px;color:#7d857f;padding-bottom:9px}.ranking-card .board-wrap{margin-top:16px;border:1px solid #d7dbd5;border-radius:12px}.ranking-card .board{margin:0}.ranking-card .board tbody tr:last-child td{border-bottom:0}.ranking-card .board-note{margin:12px 0 0}.bar-card .note,.figure-caption{font-size:11px;line-height:1.7}
@media(max-width:650px){.task-tabs{width:100%;margin-bottom:18px}.task-tabs button{padding:9px 8px;flex:1;font-size:11px}.task-content>h3{font-size:19px}.task-content>h3 span{font-size:14px}.bar-card,.pareto-card,.ranking-card{padding:18px 14px!important;border-radius:18px}.bar-scroll,.pareto-scroll{margin-left:-14px;margin-right:-14px;padding:0 14px}.ranking-toolbar{gap:12px;align-items:flex-start}.ranking-toolbar label{flex:1;min-width:0}.ranking-toolbar input{width:100%;box-sizing:border-box}.ranking-toolbar>span{font-size:10px;max-width:90px;padding-top:24px}.chart-tooltip{padding:12px;font-size:11px}.chart-tooltip dl{gap:4px 10px}.chart-tooltip dd{font-size:10px}.chart-tooltip strong{font-size:12px}}

.chart-node{user-select:none;-webkit-user-select:none}.chart-tooltip dt{margin:0}

/* The homepage lead uses the existing teaser, with no 3D download on first paint. */
.featured.featured-video{height:auto;align-self:center;scroll-margin-top:88px}.featured-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#171816}.featured-video-caption{padding:12px 16px;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:5px 12px}.featured-video-caption strong{font-size:13px;color:var(--ink)}.featured-video-caption span{font-size:11px;color:var(--muted)}

.scene-texture-status{position:absolute;top:10px;right:10px;z-index:2;background:#fffefbed;color:#53655b;border-radius:5px;padding:5px 8px;font:10px/1.4 Inter,sans-serif;pointer-events:none}.scene-texture-status button{display:block;pointer-events:auto;margin-top:4px;border:1px solid #b4c1b9;border-radius:4px;background:white;padding:4px 6px;font:inherit;color:#35687e;cursor:pointer}

/* kit-style charts (scripts/kit_charts.py) */
.bar-heading h3 span.q{font:inherit!important;color:#8d8d8d!important;max-width:none!important;text-align:left!important}
.tk figure{background:#fff;min-width:0}
.tk .figs{grid-template-columns:minmax(0,1fr)}.tk .figs.two{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
@media(max-width:900px){.tk .figs.two{grid-template-columns:minmax(0,1fr)}}
.tk figure .fh{font:400 22px/1.25 'Source Serif 4',Georgia,serif;color:#8d8d8d;margin-bottom:12px;letter-spacing:-.3px}
.kit-legend{display:flex;flex-wrap:wrap;gap:6px 26px;margin:0 0 6px;font:400 13px/1.5 Inter,sans-serif;color:#262626}
.kit-legend>span{display:inline-flex;align-items:center;gap:7px}.kit-legend b{font-weight:700}
.kit-legend i{width:12px;height:12px;border-radius:3px;display:inline-block;flex:none}
.kit-legend em{font:500 12.5px 'IBM Plex Mono',monospace;color:#8d8d8d;font-style:normal;margin-left:2px}
svg.kit-ch{display:block;width:100%;height:auto;overflow:visible}
.tk .chip{font:500 12.5px Inter,sans-serif;padding:5px 12px;border-radius:999px}
.tk .chip.ok{color:#262626;background:#f1f1ee;border-color:#e4e4e2}
.tk .chip.no{color:#fff;background:#111;border-color:#111}
.tk .chip small{font:500 12px 'IBM Plex Mono',monospace;color:#8d8d8d}.tk .chip.no small{color:#bdbdbd}
.agent-chip{position:absolute;z-index:4;top:12px;left:12px;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:6px;color:#fff;font:700 12.5px Inter,sans-serif;pointer-events:none}
.agent-chip svg{width:14px;height:14px}
@media(max-width:650px){.kit-legend{font-size:11px;gap:4px 14px}.kit-legend em{font-size:10.5px}.tk figure .fh{font-size:18px}.agent-chip{font-size:11px;top:8px;left:8px}}
/* evaluation tracks (scripts/tracks.py) */
.tracks-why{max-width:860px;margin:8px 0 0;font-size:13px;line-height:1.65;color:var(--text-muted);text-align:left}
@media(max-width:650px){.tracks-why{font-size:11px}}
