.generation-comparison{--gc-surface:var(--surface,#fff);--gc-baseline:#7d8b95;--gc-fast:#3c87b4;--gc-ours:var(--green,#76b900);border:1px solid var(--line);border-radius:10px;background:var(--gc-surface);overflow:hidden;margin:28px 0 40px}
.gc-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;border-bottom:1px solid var(--line)}
.gc-example-options{display:flex;gap:5px;flex-wrap:wrap}.gc-example-options button{border:1px solid transparent;background:transparent;padding:7px 13px;border-radius:5px;font-size:12px;color:var(--muted)}.gc-example-options button[aria-pressed="true"]{border-color:var(--line);background:var(--wash);color:var(--ink);font-weight:600}
.gc-context{font-size:12px;color:var(--muted);text-align:right}.gc-scope{padding:18px 24px 0;font-size:12px;line-height:1.7;color:var(--muted)}.gc-scope strong{color:var(--ink);font-weight:600}.gc-prompt-block{padding:20px 24px 22px}.gc-label{text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:700;color:var(--muted);margin-bottom:8px}.gc-prompt{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.7 var(--sans);margin:0;color:var(--ink)}.generation-comparison[data-language="python"] .gc-prompt{font:11px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace}
.gc-display-source{padding:6px 24px 0;font-size:10px;line-height:1.7;color:var(--muted)}.gc-replay-key{display:flex;gap:22px;align-items:center;padding:16px 24px 0;font-size:10px;color:var(--muted)}.gc-replay-key>span{display:flex;gap:7px;align-items:center}.gc-replay-key i{display:grid;place-items:center;width:15px;height:15px;font-style:normal;font:9px ui-monospace,SFMono-Regular,Consolas,monospace}.gc-key-commit{background:var(--pale-green);border-bottom:2px solid var(--green)}
.gc-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;padding:17px 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--wash)}.gc-transport{display:flex;flex-wrap:wrap;gap:7px}.gc-speed{font-size:11px;color:var(--muted);display:flex;gap:9px;align-items:center}.gc-speed select{font-size:12px;border:1px solid var(--line);background:var(--gc-surface);color:var(--ink);padding:7px 10px;border-radius:4px}.gc-playback-status{font-size:11px;color:var(--muted);min-width:100px;text-align:right}
.gc-lanes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.gc-lane{padding:24px;min-width:0;--gc-color:var(--gc-baseline)}.gc-lane+.gc-lane{border-left:1px solid var(--line)}.gc-lane[data-method="Fast-dLLM"]{--gc-color:var(--gc-fast)}.gc-lane[data-method="Polestar"]{--gc-color:var(--gc-ours);background:color-mix(in srgb,var(--pale-green,#eef6e4) 45%,var(--gc-surface))}.gc-lane h3{margin:0;font-size:17px;line-height:1.4;color:var(--ink);font-weight:600}.gc-method-name{display:flex;align-items:center;gap:8px}.gc-method-name i{width:8px;height:8px;border-radius:50%;background:var(--gc-color)}.gc-lane[data-method="Polestar"] .gc-method-name i{border-radius:0;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);width:15px;height:15px}.gc-metrics-source{margin-top:5px;font-size:10px;color:var(--muted)}
.gc-metrics{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:6px;margin:20px 0 21px;padding-bottom:19px;border-bottom:1px solid var(--line)}.gc-metrics>div{min-width:0}.gc-metrics dt{font-size:10px;color:var(--muted);line-height:1.4;margin-bottom:7px}.gc-metrics dd{margin:0;font:25px/1.1 var(--serif);letter-spacing:-.03em;color:var(--ink)}.gc-metrics dd small{font:11px var(--sans);margin-left:2px;color:var(--muted)}
.gc-progress-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);margin-bottom:8px;gap:6px}.gc-lane-status{color:var(--muted)}.gc-lane[data-finished="true"] .gc-lane-status{color:var(--green-ink);font-weight:600}.gc-progress-track{height:5px;background:var(--line);border-radius:3px;overflow:hidden;margin-bottom:19px}.gc-progress-track i{display:block;height:100%;width:0%;background:var(--gc-color);transition:width .08s linear}
.gc-response{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.85 var(--sans);margin:0;color:var(--ink)}.generation-comparison[data-language="python"] .gc-response{font:11px/1.9 ui-monospace,SFMono-Regular,Consolas,monospace}.gc-response span{color:var(--muted);opacity:1;transition:color .14s,opacity .14s,background .14s}.gc-response span[data-revealed="true"]{color:var(--ink);opacity:1}.gc-response span[data-current="true"]{color:var(--ink);opacity:1;background:color-mix(in srgb,var(--gc-color) 16%,var(--gc-surface));border-radius:2px}.gc-response-title{display:flex;align-items:center;gap:7px;margin-bottom:11px;font-size:10px;color:var(--muted);line-height:1.5}.gc-footnote{font-size:10px;line-height:1.75;padding:17px 24px;border-top:1px solid var(--line);color:var(--muted)}
.gc-output{height:320px;min-height:320px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent;overscroll-behavior:contain;scroll-behavior:auto}.generation-comparison[data-expanded="true"] .gc-output{height:auto;min-height:320px;overflow:visible}.gc-response:empty{display:none}.gc-response span[data-current="true"]{background:color-mix(in srgb,var(--gc-color) 35%,var(--gc-surface));box-shadow:inset 0 -2px 0 var(--gc-color);border-radius:3px}.gc-waiting{font-size:12px;color:var(--muted);line-height:1.7;padding-top:8px}.gc-waiting[hidden]{display:none}

.generation-comparison{--gc-danger:#b34450}.gc-outcome{display:flex;align-items:center;gap:7px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:14px;margin-top:19px;font-size:10px;line-height:1.6;color:var(--muted)}.gc-outcome[hidden]{display:none}.gc-outcome-label{width:100%;font-size:9px;text-transform:uppercase;letter-spacing:.06em}.gc-outcome strong{color:var(--green-ink);font-size:12px;font-weight:700}.gc-outcome[data-correct="false"] strong{color:var(--gc-danger)}:root[data-theme="dark"] .generation-comparison{--gc-danger:#ec9ea4}
@media(max-width:1000px){.gc-lane{padding:20px 17px}.gc-metrics dd{font-size:22px}.gc-toolbar{padding:17px 20px}}
@media(max-width:760px){.gc-toolbar{align-items:flex-start;flex-direction:column;gap:10px}.gc-context{text-align:left;font-size:11px}.gc-scope,.gc-prompt-block{padding-left:19px;padding-right:19px}.gc-controls{padding:15px 19px;gap:13px}.gc-transport{width:100%}.gc-transport .control-button{font-size:11px;min-height:37px;padding:7px 10px}.gc-speed{font-size:10px}.gc-playback-status{font-size:10px}.gc-lanes{grid-template-columns:1fr}.gc-lane{padding:24px 19px}.gc-lane+.gc-lane{border-left:0;border-top:1px solid var(--line)}.gc-metrics{grid-template-columns:repeat(3,1fr);max-width:340px;margin:17px 0}.gc-metrics dd{font-size:27px}.gc-response{font-size:13px;line-height:1.8}.gc-footnote{padding:15px 19px}.generation-comparison[data-language="python"] .gc-response{font-size:12px}}
@media(max-width:760px){.gc-display-source,.gc-replay-key{padding-left:19px;padding-right:19px}.gc-output{height:320px;min-height:320px}}
@media(prefers-reduced-motion:reduce){.gc-progress-track i,.gc-response span{transition:none}}

.gc-race-summary{display:none;gap:16px;border-bottom:1px solid var(--line);padding:18px 19px}.gc-race-summary>div{min-width:0;--race-color:var(--gc-baseline)}.gc-race-summary>[data-summary-method="Fast-dLLM"]{--race-color:var(--gc-fast)}.gc-race-summary>[data-summary-method="Polestar"]{--race-color:var(--gc-ours)}.gc-race-summary p{font-size:11px;white-space:nowrap;font-weight:600}.gc-race-summary strong{display:block;font-size:17px;font-variant-numeric:tabular-nums;margin:5px 0 8px}.gc-race-summary>div>div{height:5px;overflow:hidden;background:var(--line);border-radius:3px}.gc-race-summary i{height:100%;display:block;background:var(--race-color)}.gc-race-summary [data-finished="true"] strong{color:var(--green-ink)}
@media(max-width:760px){.gc-race-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}}
.gc-rate-presets{display:flex;gap:7px;flex-wrap:wrap}.gc-tps-control{display:flex;align-items:center;gap:8px;color:var(--ink);font-size:11px;font-weight:600;flex-wrap:wrap;margin-bottom:19px}.gc-tps-control input{width:84px;min-height:34px;border:1px solid var(--line);border-radius:5px;color:var(--ink);background:var(--gc-surface);padding:6px 8px;font:600 12px var(--sans);font-variant-numeric:tabular-nums}.gc-tps-control>span{font-size:9px;color:var(--muted);font-weight:400}.gc-response-title{justify-content:space-between}.gc-token-progress{font-variant-numeric:tabular-nums;font-size:9px}.gc-gap{color:var(--muted)!important;background:none!important;box-shadow:none!important}.gc-key-suffix{border:1px solid var(--green);color:var(--green-ink);border-radius:3px;background:transparent}.gc-response [data-origin="suffix"][data-current="true"]{background:transparent;box-shadow:inset 0 0 0 1px var(--green)}.gc-suffix{display:flex;align-items:center;flex-wrap:wrap;gap:6px 9px;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;padding:8px 0;margin:0 0 12px;background:transparent}.gc-suffix[hidden]{display:none}.gc-suffix>p{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;font-size:10px;color:var(--green-ink)}.gc-suffix strong{font-weight:600}.gc-suffix-block{font-size:9px;color:var(--muted)}.gc-suffix-pieces{display:flex;gap:6px;flex-wrap:wrap;margin:0;min-height:0}.gc-suffix-piece{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--green);border-radius:4px;padding:3px 6px;font:10px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}.gc-suffix-piece i{font-style:normal;color:var(--green-ink)}.gc-suffix small{font-size:9px;color:var(--muted);line-height:1.5;flex:1 1 auto}.gc-replay-key{flex-wrap:wrap;gap:15px}
@media(max-width:760px){.gc-tps-control input{width:95px}.gc-rate-presets{width:100%}.gc-tps-control>span{font-size:10px}.gc-suffix-piece{font-size:11px}}
.gc-rate-presets [aria-pressed="true"]{background:var(--ink);color:var(--gc-surface);border-color:var(--ink)}
.gc-suffix-pieces:empty{display:none}.gc-suffix>p{flex-wrap:wrap}
.gc-block-map{margin:0 0 17px}.gc-block-map[hidden]{display:none}.gc-block-map>p{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:9px;line-height:1.5;color:var(--muted);margin-bottom:7px}.gc-block-label{font-weight:600;color:var(--ink)}.gc-group-label{font-variant-numeric:tabular-nums}.gc-block-positions{display:grid;grid-template-columns:repeat(32,minmax(0,1fr));gap:2px;min-height:6px}.gc-block-positions>i{display:block;height:6px;border-radius:1px;background:var(--line);transition:background .12s,box-shadow .12s}.gc-block-positions>i[data-committed="true"]{background:color-mix(in srgb,var(--gc-color) 35%,var(--gc-surface))}.gc-block-positions>i[data-new="true"]{background:var(--gc-color);box-shadow:0 0 0 1px color-mix(in srgb,var(--gc-color) 30%,transparent)}
@media(prefers-reduced-motion:reduce){.gc-block-positions>i{transition:none}}