:root{--paper:#f5f3ee;--white:#fffefa;--ink:#29272c;--muted:#6c6872;--line:#d9d5df;--purple:#7042b6;--pale:#eee6f7;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--purple)}button,input,select{font:inherit}button,select{cursor:pointer}button{color:inherit}button,a,select,input,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--purple);outline-offset:4px}button:disabled{opacity:.35;cursor:default}button{border:1px solid var(--line);background:var(--white)}h1,h2,h3,p,figure,dl{margin:0}h1,h2,h3{font-weight:500}h2{font-family:var(--serif);font-size:clamp(32px,3.4vw,46px);line-height:1.15;letter-spacing:-1.5px}h3{font-size:21px;line-height:1.3;letter-spacing:-.4px}p+p{margin-top:16px}.wrap{max-width:1320px;margin:0 auto;padding-left:48px;padding-right:48px}.section{padding-top:84px;padding-bottom:84px}.muted{color:var(--muted)}.small{font-size:13px;line-height:1.6}.mono,code{font-family:var(--mono)}.eyebrow,.field-label{font-family:var(--mono);font-size:11px;letter-spacing:1.4px;text-transform:uppercase}.eyebrow{margin-bottom:19px;color:var(--purple)}.status-dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:#6b895c;margin-right:8px}.site-header{height:92px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 48px;gap:25px}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-size:14px;font-weight:650;white-space:nowrap}.brand .muted{font-weight:400}.brand-symbol{display:grid;place-items:center;background:var(--ink);color:var(--paper);font:italic 23px var(--serif);height:32px;width:32px;border-radius:8px}.site-header nav{display:flex;gap:26px;font-size:13px}.site-header nav a{text-decoration:none}.edition{font:10px var(--mono);letter-spacing:1px;color:var(--muted)}.hero{padding-top:75px;padding-bottom:0}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center}.hero h1{font-family:var(--serif);font-size:clamp(65px,7vw,100px);line-height:.99;letter-spacing:-5px}.hero h1 em{font-weight:400;color:var(--purple)}.hero-deck{font-size:23px;line-height:1.45;max-width:470px;margin-top:29px}.intro{font-size:14px;color:var(--muted);max-width:485px;line-height:1.8;margin-top:20px}.solid-link{display:inline-flex;align-items:center;gap:36px;text-decoration:none;background:var(--ink);color:var(--paper);padding:12px 18px;border-radius:5px;margin-top:27px;font-size:13px}.solid-link:hover{background:var(--purple);color:white}.hero-reference{background:#ebe6f1;border:1px solid #dcd5e6;border-radius:12px;overflow:hidden;transform:rotate(1.5deg)}.source-button-crop{position:relative;width:100%;aspect-ratio:1.38;background:#f5f2f9;overflow:hidden}.source-button-crop img{position:absolute;width:210%;height:auto;max-width:none;left:-63%;top:-92%}.hero-reference figcaption{border-top:1px solid #ded5e8;padding:17px 18px;display:flex;align-items:center;justify-content:space-between;gap:15px;font:9px var(--mono);letter-spacing:.3px}.hero-reference figcaption a{font:11px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.tiny-dot{width:5px;height:5px;background:var(--purple);display:inline-block;border-radius:100%;margin-right:5px}.hero-note{padding:0 18px 20px;font:italic 20px var(--serif);color:#665576}.study-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:69px;padding:27px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.study-stats>div{padding-left:26px;border-left:1px solid var(--line)}.study-stats>div:first-child{border:0;padding-left:0}.study-stats dt{font:10px var(--mono);text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:7px}.study-stats dd{margin:0;font:31px var(--serif)}.study-stats dd span{font:12px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--muted);display:block;margin-top:5px}.section-heading{display:flex;gap:60px;align-items:flex-end;justify-content:space-between;margin-bottom:36px}.section-heading>p{max-width:400px;font-size:14px;color:var(--muted);line-height:1.8}.section-heading .eyebrow{margin-bottom:12px}.evidence-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,1fr);gap:50px;align-items:start}.reference-viewer{min-width:0;background:#faf9f6;border:1px solid var(--line);border-radius:8px;overflow:hidden}.reference-stage{background:#e7e3ea;aspect-ratio:1.2;display:grid;place-items:center;padding:18px}.reference-stage img{width:100%;height:100%;max-height:470px;object-fit:contain;min-height:0;min-width:0}.reference-viewer figcaption{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 20px;font-size:12px;border-top:1px solid var(--line)}.reference-viewer figcaption>div{display:flex;flex-direction:column;gap:4px}.reference-viewer figcaption a{white-space:nowrap}.reference-viewer .mono{color:var(--purple)}.frame-controls{display:flex;align-items:center;gap:15px;padding:0 20px 18px}.frame-controls button{height:34px;width:36px;border-radius:4px}.frame-controls input{min-width:0;flex:1;accent-color:var(--purple)}.frame-controls output{font:11px var(--mono);white-space:nowrap}.tag{display:inline-block;border:1px solid #d4c7e4;background:#f5effa;color:#75578f;padding:5px 8px;border-radius:3px;font:9px var(--mono);letter-spacing:.6px}.evidence-notes h3{font-family:var(--serif);font-size:29px;margin:22px 0 15px}.evidence-notes>p{font-size:14px;color:var(--muted)}.field-label{display:block;letter-spacing:.7px;font-size:10px;color:var(--muted);margin:24px 0 8px}select{max-width:100%;background:var(--white);color:var(--ink);border:1px solid var(--line);border-radius:5px;padding:10px 30px 10px 12px;font-size:13px}#reference-group{width:100%}#crop-note{font-size:12px;margin-top:9px}.source-credit{border-top:1px solid var(--line);margin-top:22px}.source-credit .field-label{margin-top:20px}.source-credit p+p{margin-top:6px}.source-credit a{font-size:13px;color:var(--purple);display:inline-block;margin:5px 0 8px}.source-credit .small{font-size:12px}details{border-top:1px solid var(--line);margin-top:24px;padding-top:16px}summary{cursor:pointer;font-size:13px;font-weight:550}details p{margin-top:14px}.evidence-callout{display:flex;gap:18px;border-left:3px solid #9b73ce;background:var(--pale);padding:21px 25px;margin-top:32px;font-size:14px;line-height:1.7}.callout-number{font:italic 32px var(--serif);color:var(--purple)}.compare-section{background:#ece9e3;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.comparison-toolbar{display:flex;gap:18px;align-items:center;margin-bottom:18px}.segmented{display:inline-flex;background:#e5e0e9;border-radius:6px;padding:3px;gap:2px}.segmented button{border:0;background:transparent;color:#716879;border-radius:4px;font-size:12px;padding:7px 15px;min-height:34px}.segmented button.active{background:var(--white);color:var(--ink);box-shadow:0 1px 4px #25163614}.quiet-button{border-radius:5px;padding:8px 13px;font-size:12px;min-height:38px}#reload-pair{margin-left:auto}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.demo-panel{min-width:0;border:1px solid #d2cbdc;background:var(--white);border-radius:9px;overflow:hidden}.panel-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #ded6e6}.panel-head label{font:11px var(--mono);width:22px;height:22px;background:var(--pale);display:grid;place-items:center;border-radius:3px;color:var(--purple)}.panel-head select{border:0;background:transparent;font-size:15px;font-weight:550;padding:5px 25px 5px 0}.panel-time{font-size:11px;color:var(--muted)}.open-demo{margin-left:auto;font-size:10px;white-space:nowrap}.demo-viewport,.gallery-viewport{position:relative;overflow:hidden;background:#f5f2f9;width:100%;height:470px}.demo-viewport iframe,.gallery-viewport iframe{display:block;position:absolute;top:0;left:0;border:0;transform-origin:0 0;width:1048px;height:880px}.panel-description{padding:18px 20px;border-top:1px solid #ded6e6;font-size:12px;color:var(--muted);min-height:126px}.panel-description h3{font-size:16px;margin-bottom:8px;color:var(--ink)}.preview-note{margin-top:14px;color:var(--muted);max-width:900px}.gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:55px;margin-bottom:10px}.gallery-heading h3{font:27px var(--serif)}.compact button{font-size:11px;padding:5px 12px}.gallery-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.live-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}.gallery-card{min-width:0;background:var(--paper);border:1px solid #d8d1df;border-radius:7px;overflow:hidden}.gallery-footer{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px solid #e6dfee}.gallery-meta,.gallery-links{display:flex;align-items:center;gap:12px}.gallery-meta h4{font-size:14px;font-weight:550;margin:0}.gallery-meta .mono{font-size:11px;color:var(--muted)}.gallery-links a,.gallery-links button{font-size:11px;white-space:nowrap}.gallery-links button{background:transparent;border:0;padding:4px 0;text-decoration:underline;text-underline-offset:3px}.gallery-links a{padding:4px 0}.run-overview{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;background:var(--white);padding:35px;border:1px solid var(--line);border-radius:7px}.duration-chart{display:flex;flex-direction:column;gap:17px;justify-content:center}.duration-row{display:grid;grid-template-columns:76px 1fr 60px;align-items:center;gap:15px;font-size:12px}.duration-track{height:12px;background:#eee9f2;border-radius:2px}.duration-bar{height:100%;background:#ae91d0;border-radius:2px}.duration-row:last-child .duration-bar{background:var(--purple)}.duration-row span:last-child{font:11px var(--mono)}.timing-note h3{margin:19px 0 14px;font:27px/1.2 var(--serif)}.timing-note p{font-size:14px;color:var(--muted)}.timing-note p.small{font-size:12px}.run-log-list{margin-top:37px}.run-record{margin:0;border-top:1px solid var(--line);padding:0}.run-record:last-child{border-bottom:1px solid var(--line)}.run-record>summary{display:grid;grid-template-columns:36px 135px 1fr 145px 72px 18px;gap:15px;align-items:center;list-style:none;padding:24px 3px}.run-record>summary::-webkit-details-marker{display:none}.run-record>summary:after{content:'+';font-size:22px;font-weight:300;color:var(--muted)}.run-record[open]>summary:after{content:'−'}.run-number{font:11px var(--mono);color:var(--muted)}.run-name{font-size:18px}.run-verdict{font-size:13px;font-weight:400;color:var(--muted)}.run-test-tag{font:9px var(--mono);font-weight:400;background:#eae3f1;color:#75578f;border-radius:3px;padding:4px 7px;justify-self:start}.run-duration{font:12px var(--mono);text-align:right}.run-body{padding:8px 54px 36px}.run-body>p{max-width:940px;font-size:14px;color:var(--muted);margin-bottom:25px}.run-body h4{font:11px var(--mono);letter-spacing:.6px;text-transform:uppercase;margin:0 0 10px;color:var(--purple)}.run-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:48px}.run-checks{font-size:13px;padding-left:18px;margin:12px 0 16px}.run-checks li{margin-bottom:5px}.run-columns p{font-size:13px;color:var(--muted)}.timeline{list-style:none;margin:0;padding:0}.timeline li{display:grid;grid-template-columns:48px 1fr;gap:16px;padding-bottom:18px}.timeline time{font:10px var(--mono);color:var(--purple);padding-top:3px}.timeline strong{font-size:13px;font-weight:550;display:block}.timeline p{font-size:12px;margin:4px 0 0}.run-links{display:flex;gap:25px;font-size:12px;margin-top:22px}.public-updates{font-size:12px}.public-updates blockquote{margin:13px 0 19px;border-left:2px solid #d5c4e5;padding-left:15px;color:var(--muted)}.public-updates blockquote p{margin-top:5px;white-space:pre-line}.public-updates time{font:10px var(--mono)}.finding-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.finding-grid article{border-top:1px solid var(--line);padding-top:24px}.finding-index{font:12px var(--mono);color:var(--purple)}.finding-grid h3{font:27px/1.22 var(--serif);margin:15px 0}.finding-grid p{font-size:14px;color:var(--muted)}.finding-grid p.small{font-size:12px}.table-wrap{overflow:auto;margin-top:52px;border:1px solid var(--line);border-radius:6px}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left;background:var(--white)}caption{text-align:left;padding:16px 20px;font:22px var(--serif);background:#eee9f2}th,td{padding:13px 18px;border-top:1px solid var(--line)}th{font-size:10px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;font-weight:550;color:var(--muted)}td:first-child{font-weight:550}td:last-child{min-width:240px;color:var(--muted)}.table-wrap+p{margin-top:13px}.yes{color:#5d744a}.no{color:#8d8295}.next-experiment{border:1px solid var(--line);border-radius:7px;padding:32px;margin-top:45px;display:grid;grid-template-columns:1fr 1.65fr;gap:55px}.next-experiment h3{font:30px/1.2 var(--serif)}.next-experiment p:not(.eyebrow){font-size:14px;color:var(--muted)}.audit-section{background:#28262c;color:#eeeaf1}.audit-section .eyebrow{color:#bc9be6}.audit-section .section-heading{align-items:center}.audit-badge{border:1px solid #626451;border-radius:4px;padding:7px 11px;color:#bec7a2;font:10px var(--mono);letter-spacing:.5px;white-space:nowrap}.audit-lead{font:25px/1.5 var(--serif);max-width:840px}.audit-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:34px}.audit-grid h3{font-size:17px;margin-bottom:14px}.audit-grid p,.audit-grid ul{font-size:13px;color:#c2bacb;line-height:1.85}.audit-grid p.small{font-size:12px;color:#a99fb3}.audit-grid ul{padding-left:18px;margin:0}.audit-grid li{margin-bottom:9px}.audit-section details{border-color:#49434f;margin-top:35px}.audit-section details p{font-size:13px;color:#c2bacb}.audit-section details a{color:#d5b9f6}.hash{display:block;font-size:10px;overflow-wrap:anywhere;color:#b4a8bf}.audit-entry{display:grid;grid-template-columns:100px 1fr;gap:22px;font-size:12px;margin-top:18px}.audit-entry p{margin:0!important}.footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:35px;padding-bottom:35px}.footer p{font-size:10px;color:var(--muted)}.footer>a:last-child{font-size:12px;white-space:nowrap}.skip{position:absolute;top:-100px;left:20px;padding:10px;background:var(--ink);color:#fff;z-index:10}.skip:focus{top:10px}
@media(min-width:1500px){.site-header{padding-left:max(48px,calc((100vw - 1224px)/2));padding-right:max(48px,calc((100vw - 1224px)/2))}}@media(max-width:1050px){.wrap{padding-left:30px;padding-right:30px}.site-header{padding:0 30px}.edition{display:none}.hero-grid{gap:38px}.hero h1{font-size:76px}.hero-deck{font-size:20px}.section-heading{gap:30px}.section-heading>p{max-width:330px}.evidence-layout{gap:30px;grid-template-columns:1.15fr 1fr}.panel-time{display:none}.run-overview{gap:30px}.run-record>summary{grid-template-columns:25px 110px 1fr 125px 70px 12px;gap:10px}.run-body{padding-left:35px;padding-right:35px}.run-columns{gap:28px}.finding-grid{gap:25px}.finding-grid h3{font-size:24px}}
@media(max-width:760px){.wrap{padding-left:22px;padding-right:22px}.site-header{height:auto;min-height:76px;padding:18px 22px;flex-wrap:wrap;gap:12px}.site-header nav{gap:20px;font-size:11px}.brand{font-size:12px}.brand-symbol{width:26px;height:26px;font-size:20px}.hero{padding-top:43px}.hero-grid{grid-template-columns:1fr;gap:32px}.hero h1{font-size:clamp(52px,14vw,76px);letter-spacing:-2.8px}.hero-deck{font-size:21px;max-width:480px}.intro{font-size:14px}.hero-reference{transform:none;max-width:550px;width:100%;justify-self:center}.source-button-crop{aspect-ratio:1.75}.source-button-crop img{top:-128%}.study-stats{grid-template-columns:1fr 1fr;margin-top:40px;gap:24px;padding:24px 0}.study-stats>div:nth-child(3){padding-left:0;border:0}.study-stats>div{padding-left:20px}.study-stats dd{font-size:30px}.study-stats dt{font-size:9px;letter-spacing:.4px}.study-stats dd span{font-size:11px}.section{padding-top:55px;padding-bottom:55px}.section-heading{display:block;margin-bottom:27px}.section-heading>p{margin-top:18px;max-width:550px}.section-heading h2{letter-spacing:-1px}.evidence-layout{grid-template-columns:1fr}.reference-stage{max-height:520px}.evidence-notes h3{font-size:27px}.evidence-callout{padding:18px;font-size:13px}.comparison-toolbar{flex-wrap:wrap;gap:10px}#viewport-label{order:3;width:100%;font-size:11px}.comparison-grid{grid-template-columns:1fr;gap:24px}.panel-head{padding:12px}.panel-time{display:block}.panel-description{min-height:0}.gallery-heading{align-items:flex-start;flex-direction:column;gap:12px}.live-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.gallery-footer{padding:12px}.gallery-links{gap:14px}.run-overview{grid-template-columns:1fr;padding:23px;gap:30px}.duration-row{gap:10px;grid-template-columns:72px 1fr 59px}.run-record>summary{grid-template-columns:22px 1fr auto 12px;gap:9px;padding:20px 0}.run-name{font-size:17px}.run-verdict{grid-column:2/4;grid-row:2;font-size:12px}.run-test-tag{grid-column:2/4;grid-row:3;margin-top:3px}.run-duration{grid-column:3;grid-row:1}.run-record>summary:after{grid-column:4;grid-row:1}.run-body{padding:7px 0 28px}.run-columns{grid-template-columns:1fr;gap:25px}.finding-grid{grid-template-columns:1fr;gap:30px}.finding-grid h3{font-size:28px}.finding-grid p{max-width:570px}.next-experiment{grid-template-columns:1fr;padding:24px;gap:25px}.table-wrap{margin-top:35px}th,td{padding:12px}.audit-section .audit-badge{display:inline-block;margin-top:25px}.audit-lead{font-size:23px}.audit-grid{grid-template-columns:1fr;gap:30px}.audit-entry{grid-template-columns:70px 1fr;gap:12px}.footer{align-items:flex-start;flex-wrap:wrap;padding-top:28px;padding-bottom:28px}.footer p{order:3;width:100%}.hero-reference figcaption{font-size:8px}.hero-reference figcaption a{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}

@media(max-width:600px){.live-gallery{grid-template-columns:minmax(0,1fr)}.gallery-tools{width:100%;justify-content:space-between}}

/* Usage is shown beside each result, with exact figures in the accounting table. */
.gallery-measures{display:flex;flex-direction:column;gap:2px}.gallery-meta .token-link{font:10px var(--mono);color:var(--purple);white-space:nowrap}.run-duration small{display:block;margin-top:6px;font:9px var(--mono);color:var(--purple);white-space:nowrap}.panel-description .panel-usage{margin-top:10px;font-size:11px}.panel-usage a{color:var(--purple)}.token-usage{margin-top:42px}.token-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.token-heading h3{font:29px/1.2 var(--serif)}.token-heading .eyebrow{margin-bottom:10px}.token-heading>p{font-size:13px;color:var(--muted);max-width:340px}.token-usage .table-wrap{margin-top:20px}.token-table{font-variant-numeric:tabular-nums}.token-table th:not(:first-child),.token-table td.numeric{text-align:right}.token-table thead th span{display:block;font-size:9px;letter-spacing:0;text-transform:none;margin-top:3px}.token-table th[scope="row"]{font-size:12px;letter-spacing:0;text-transform:none;color:var(--ink)}.token-table td:last-child{min-width:0;color:var(--ink)}.token-table .total-tokens{font-weight:650;color:var(--purple)!important}.token-table tr:target,.token-sum{background:var(--pale)}.token-components .table-wrap{margin-top:15px}.token-components summary,.token-method summary{font-size:12px}.token-reading-note{margin-top:14px;max-width:980px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(max-width:760px){.token-heading{display:block}.token-heading>p{margin-top:15px;max-width:none}.token-table{min-width:640px}.token-table th,.token-table td{padding:12px}.run-duration small{font-size:8px}}

/* Shared playback stays outside each original demo's interface. */
.playback-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.quiet-button.play-button{background:var(--purple);border-color:var(--purple);color:white}.quiet-button:disabled{opacity:.5;cursor:wait}.playback-status{margin-top:9px;min-height:1.6em}.preview-error{color:#8a3636;margin-top:12px}@media(max-width:600px){.gallery-tools{justify-content:flex-start;gap:10px}.gallery-tools .segmented{width:100%;justify-content:flex-start}}

/* Matched reference windows make the contact-variation finding inspectable. */
.variation-finding{margin-top:42px;border-top:1px solid var(--line);padding-top:30px}.variation-finding>h3{font:32px/1.2 var(--serif);margin:13px 0 17px;max-width:720px}.variation-finding>p{font-size:14px;color:var(--muted);max-width:920px;margin-top:16px}.variation-finding .variation-lead{font-size:17px;line-height:1.65;color:var(--ink)}.impression-evidence{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:25px 0 13px}.impression-example{margin:0;min-width:0}.impression-window{display:block;position:relative;aspect-ratio:420/192;overflow:hidden;background:#f5f2f9;border-radius:6px}.impression-window img{position:absolute;max-width:none;height:auto}.impression-window:focus-visible{outline:3px solid var(--purple);outline-offset:4px}.impression-example figcaption{display:flex;gap:15px;align-items:baseline;padding-top:10px}.impression-example .mono{font-size:11px;color:var(--purple);white-space:nowrap}.impression-example figcaption p{font-size:13px;color:var(--muted);margin:0}.variation-finding .variation-limit{padding:18px 20px;border-left:2px solid #ba9ad9;background:#eee9f2;max-width:none}.variation-code .table-wrap{margin-top:16px}.variation-code th[scope="row"]{text-transform:none;letter-spacing:0;color:var(--ink)}.variation-code td{white-space:normal}.variation-code summary{font-size:13px}@media(max-width:600px){.impression-evidence{grid-template-columns:1fr;gap:22px}.variation-finding>h3{font-size:28px}.variation-finding .variation-lead{font-size:16px}.variation-code td:last-child{min-width:0}.variation-code th,.variation-code td{padding:11px 9px}}

/* A compact observation view shares crop geometry across variants, with full originals one click away. */
.view-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}.view-toolbar p{margin:0}.comparison-toolbar{flex-wrap:wrap}.gallery-label{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line)}.gallery-label h4{font-size:14px;font-weight:600;margin:0}.gallery-label .mono{font-size:10px;color:var(--muted)}.gallery-footer>.token-link{font:10px var(--mono);color:var(--purple)}.personal-pick{border-left:3px solid var(--purple);background:var(--pale);padding:24px 28px;margin-bottom:36px;max-width:920px}.personal-pick h3{font:29px/1.2 var(--serif);margin-bottom:15px}.personal-pick>p:not(.eyebrow){font-size:14px}.personal-pick .eyebrow{margin-bottom:12px}.is-compact .demo-viewport{pointer-events:none}.is-compact .panel-description{min-height:0}.is-compact .comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.is-compact .live-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:760px){.view-toolbar{gap:10px}.is-compact .comparison-grid{gap:12px}.is-compact .panel-head{padding:10px 8px;gap:5px;flex-wrap:wrap}.is-compact .panel-head select{width:calc(100% - 27px);font-size:13px;min-width:0;padding-right:12px;min-height:34px}.is-compact .panel-head .panel-time{display:none}.is-compact .open-demo{margin-left:0;min-height:28px;display:flex;align-items:center}.is-compact .panel-description{padding:12px 10px}.is-compact .panel-description h3{font-size:13px;line-height:1.4}.is-compact .panel-description>p:not(.panel-usage){display:none}.is-compact .live-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gallery-label{padding:10px;flex-wrap:wrap}.gallery-footer{padding:10px;gap:8px}.gallery-links{gap:10px;flex-wrap:wrap}.gallery-links a,.gallery-links button{min-height:30px;display:inline-flex;align-items:center}.personal-pick{padding:20px}.personal-pick h3{font-size:26px}}