.transform-page{color:#20221f;background:#f6f5f1;min-height:100vh;font:16px/1.55 Arial,Helvetica,sans-serif}.transform-main{max-width:1160px;margin:auto;padding:0 32px}.transform-page .site-header{background:0 0;max-width:1160px;margin:auto}.td-intro{border-bottom:1px solid #c8c9c2;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:32px 0;display:grid}.td-intro h1{letter-spacing:-1.8px;margin:0;font-size:clamp(32px,3.6vw,47px);font-weight:500;line-height:1.06}.td-intro p{color:#565a55;max-width:480px;margin:0 0 14px;line-height:1.65}.td-intro strong{color:#242824;font-weight:400}.td-intro a{color:#075d9f;align-items:center;gap:9px;font-size:16px;display:inline-flex}.td-case-intro{padding:28px 0 18px}.td-case-heading{justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:10px;display:flex}.td-case-heading h2{letter-spacing:-.45px;margin:0;font-size:22px;font-weight:500}.td-case-heading>a{color:#656b66;white-space:nowrap;align-items:center;gap:4px;font-size:13px;display:inline-flex}.td-case-intro p{color:#535a56;max-width:850px;margin:0}.td-case-intro p a,.td-method a{text-underline-offset:3px;-webkit-text-decoration:underline #a9b0a9;text-decoration:underline #a9b0a9}.tf-demo-controls{justify-content:space-between;align-items:center;gap:16px;padding:0 0 9px;display:flex}.tf-pacing-note{color:#626b62;align-items:baseline;gap:7px;margin:0 0 15px;font-size:13px;display:flex}.tf-pacing-note svg{flex-shrink:0}.tf-run-actions{gap:12px;display:flex}.tf-demo-controls>span{color:#6f7671;font-size:13px}.tf-primary,.tf-fix-button{white-space:nowrap;border:1px solid #263c31;border-radius:3px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:9px 14px;font:14px Arial,Helvetica,sans-serif;display:inline-flex}.tf-primary{color:#fff;background:#263c31}.tf-primary:hover{background:#374f40}.tf-primary:disabled,.tf-fix-button:disabled{opacity:.45}.tf-fix-button{color:#263c31;background:0 0;border-color:#bfc5be}.tf-fix-button:hover{background:#eaede6}.tf-window{background:#fff;border:1px solid #abb8c0;border-radius:4px;overflow:hidden;box-shadow:0 6px 18px #172d3910}.tf-titlebar{color:#fff;background:#117ac5;align-items:center;gap:22px;padding:10px 16px;font-size:13px;display:flex}.tf-wordmark{letter-spacing:-.6px;font-size:20px;font-weight:700}.tf-titlebar>a{align-items:center;gap:5px;margin-left:auto;display:inline-flex}.tf-editors{grid-template-columns:1fr 1fr;display:grid}.tf-editor{min-width:0;position:relative}.tf-editor+.tf-editor{border-left:1px solid #d1dbe2}.tf-editor-toolbar{color:#314e68;border-bottom:1px solid #e0e6eb;justify-content:space-between;align-items:center;min-height:44px;padding:0 16px;font-size:14px;display:flex}.tf-editor-toolbar>span:first-child{align-items:center;gap:12px;display:flex}.tf-editor-toolbar small{font:12px var(--font-geist-mono), monospace;color:#78858e}.tf-editor-toolbar button{background:#f7fafd;border:1px solid #ced9e1;border-radius:3px;align-items:center;gap:6px;padding:5px 8px;font-size:13px;display:inline-flex}.tf-output-label{color:#7a858d;font-size:12px}.tf-code{color:#315371;height:200px;font:14px/1.9 var(--font-geist-mono), monospace;margin:0;padding:16px 16px 18px 0;overflow:auto}.tf-code-line{min-height:26px;display:flex}.tf-line-number{color:#8ca0ae;text-align:right;-webkit-user-select:none;user-select:none;min-width:45px;padding-right:18px}.tf-code-line code{font:inherit}.tf-string{color:#9b3f21}.tf-boolean{color:#1169aa}.tf-code-placeholder{color:#96a1a7;padding-left:22px;font-size:13px}.tf-load-popover{z-index:3;background:#fff;border:1px solid #b7c7d3;border-radius:5px;width:calc(100% - 24px);max-width:460px;padding:18px;position:absolute;top:40px;right:12px;box-shadow:0 8px 28px #172d3938}.tf-popover-heading{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:16px;display:flex}.tf-popover-heading strong{font-weight:500}.tf-popover-heading button{background:0 0;border:0;padding:4px;display:flex}.tf-load-popover label{color:#536678;margin-bottom:5px;font-size:13px;display:block}.tf-url-input{display:flex}.tf-url-input input{min-width:0;font:12px var(--font-geist-mono), monospace;background:#fcfdff;border:1px solid #adc0cf;border-radius:3px 0 0 3px;flex:1;padding:8px}.tf-url-input button{color:#fff;white-space:nowrap;background:#117ac5;border:1px solid #0c71b7;border-radius:0 3px 3px 0;padding:8px 10px;font-size:13px}.tf-sample-urls{color:#78848b;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:12px;font-size:12px;display:flex}.tf-sample-urls>span{width:100%}.tf-sample-urls button{color:#0d70b5;background:0 0;border:0;align-items:center;gap:5px;padding:4px 0;font-size:13px;display:flex}.tf-sample-urls small{color:#78848b;font-size:12px}.tf-downloads{background:#f6f9fb;border-top:1px solid #dce3e8;align-items:center;gap:24px;min-height:43px;padding:11px 16px;display:flex}.tf-download{color:#35698b;align-items:flex-start;gap:7px;font-size:12px;display:flex}.tf-download code{font-size:14px}.tf-download span{color:#6d7e89}.tf-download-done>svg{color:#518264}.tf-download-placeholder{color:#89949b;font-size:12px}.tf-status{color:#546673;border-top:1px solid #dce3e8;align-items:center;gap:8px;min-height:47px;padding:12px 16px;font-size:14px;display:flex}.tf-status-wrong{color:#973b20;background:#fff2eb}.tf-status-fixed{color:#2d6940;background:#edf6ed}.tf-status-dot{background:#b84f2b;border-radius:50%;flex-shrink:0;width:7px;height:7px}.td-evidence{border-bottom:1px solid #c8c9c2;padding:24px 0}.td-evidence-intro{justify-content:space-between;align-items:center;gap:28px;display:flex}.td-evidence h3{margin:0 0 6px;font-size:18px;font-weight:500}.td-evidence-intro p{color:#59615a;max-width:750px;margin:0;font-size:16px}.td-readout{background:#fff;border:1px solid #c8cec4;margin-top:22px}.td-readout-meta{color:#646e61;background:#f0f2eb;border-bottom:1px solid #e0e4dc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:11px 16px;font-size:12px;display:flex}.td-readout-grid{grid-template-columns:1fr 1fr;display:grid}.td-request-list{border-right:1px solid #e0e4dc;padding:18px 20px}.td-readout-label{color:#778170;margin-bottom:12px;font-size:13px;display:block}.td-request-list>div{justify-content:space-between;align-items:center;gap:12px;padding:6px 0;font-size:13px;display:flex}.td-request-list>div span{color:#497943;font-size:12px}.td-state-list{margin:0;padding:18px 20px;font-size:13px}.td-state-list>div{justify-content:space-between;gap:12px;padding:6px 0;display:flex}.td-state-list dt{color:#6c7468}.td-state-list dd{font-family:var(--font-geist-mono), monospace;margin:0}.td-mismatch{color:#a5472a}.td-match{color:#397e45}.td-finding{border-top:1px solid #e0e4dc;margin:0;padding:14px 20px;font-size:16px}.td-readout details{border-top:1px solid #e0e4dc;padding:12px 20px}.td-readout summary,.td-method summary{cursor:pointer;font-size:14px}.td-readout pre{max-height:300px;font-size:12px;line-height:1.6;overflow:auto}.td-honest-note{color:#7b8376;margin:0;padding:0 20px 14px;font-size:12px}.td-method{color:#72786d;grid-template-columns:1fr 1fr;gap:45px;padding:22px 0;font-size:13px;display:grid}.td-method>p{margin:0}.td-method summary{color:#3d4d3e}.td-method details p{margin:12px 0;font-size:14px}.td-method pre{color:#425743;background:#eaece4;padding:16px;font-size:12px;overflow:auto}.td-method pre strong{color:#9b481f;font-weight:500}.td-footer{color:#697566;justify-content:space-between;align-items:center;gap:20px;padding:20px 0 36px;font:13px Arial,Helvetica,sans-serif;display:flex}.td-footer>a{align-items:center;gap:8px;display:flex}.tf-spin{animation:1s linear infinite tf-spin}@keyframes tf-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.tf-spin{animation:none}}@media (max-width:800px){.td-intro{gap:28px}.td-case-heading{flex-direction:column;align-items:flex-start;gap:5px}.tf-demo-controls>span,.tf-recreation,.tf-editor-toolbar small{display:none}.tf-downloads{flex-wrap:wrap;gap:8px 18px}.td-evidence-intro{flex-direction:column;align-items:flex-start;gap:14px}}@media (max-width:600px){.transform-main{padding:0 20px}.td-intro{grid-template-columns:1fr;gap:20px;padding:30px 0 26px}.td-intro h1{letter-spacing:-1.2px;font-size:36px}.td-intro p{font-size:16px}.td-case-intro{padding-top:22px}.td-case-heading h2{font-size:21px}.tf-primary,.tf-fix-button{padding:9px 10px;font-size:14px}.tf-run-actions{gap:8px}.tf-titlebar{gap:14px;padding:10px 12px}.tf-titlebar>a{font-size:12px}.tf-titlebar>span:nth-child(2){display:none}.tf-editors{grid-template-columns:1fr}.tf-editor+.tf-editor{border-top:1px solid #d1dbe2;border-left:0}.tf-code{height:202px;padding-top:16px;font-size:12px;line-height:1.8}.tf-editor-toolbar small{font-size:11px;display:inline}.tf-output-label{font-size:11px}.tf-load-popover{width:calc(100% - 16px);padding:14px;right:8px}.tf-url-input input{font-size:11px}.tf-downloads{flex-direction:column;align-items:flex-start}.tf-status{font-size:13px}.td-readout-grid{grid-template-columns:1fr}.td-request-list{border-bottom:1px solid #e0e4dc;border-right:0}.td-method{grid-template-columns:1fr;gap:20px}.td-footer{flex-direction:column;align-items:flex-start;gap:12px}}.tf-selection{background:#f5f8fa;border-bottom:1px solid #dce3e8;grid-template-columns:1fr 1fr;gap:16px;margin:0;padding:13px 16px;display:grid}.tf-selection>div{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.tf-selection dt{color:#60717f;font-size:14px}.tf-selection dd{font:500 15px var(--font-geist-mono), monospace;color:#235270;margin:0}.tf-selection dd.tf-selection-wrong{color:#a04422}.tf-pane-guide{color:#677785;border-bottom:1px solid #e0e6eb;margin:0;padding:8px 16px;font-size:14px}.tf-file-line{background:#eaf4fc}.tf-has-bug .tf-file-line{background:#fff0e7}.tf-submission-note{color:#375d79;margin:10px 0 0;font-size:14px;line-height:1.4}.tf-window button:disabled,.tf-window input:disabled{cursor:not-allowed}.tf-url-input button:disabled{color:#78848c;box-shadow:none;opacity:1;background:#e5eaed;border-color:#cbd4da}.tf-url-input input:disabled{color:#7b858c;background:#f0f3f5}.tf-sample-urls button:disabled,.tf-popover-heading button:disabled{color:#9aa3a9}.tf-editor-toolbar button:disabled{color:#9aa3a9;background:#f0f3f5;border-color:#e0e5e9}.tf-download-description{flex-direction:column;gap:3px;display:flex}.tf-download-description strong{font-size:14px;font-weight:400}.tf-download-description>span{font-size:14px}.tf-download>svg{margin-top:4px}@media (max-width:600px){.tf-selection{grid-template-columns:1fr;gap:8px}.tf-selection>div{justify-content:space-between}.tf-selection dd{font-size:14px}.tf-pane-guide{font-size:13px}.tf-downloads{gap:12px}.tf-download-description strong,.tf-download-description>span,.tf-download code{font-size:13px}}
