:root{font-family:Arial,Helvetica,sans-serif;color:#172235;background:#f4f6f9;--lumo-primary-color:#246dff;--lumo-font-family:Arial,Helvetica,sans-serif;--lumo-border-radius-m:6px;font-size:14px}*{box-sizing:border-box}body{margin:0}.app{min-height:100vh}.app-header{height:76px;background:#253b56;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 28px;box-shadow:0 1px 2px #182a3b20}.brand{display:flex;gap:24px;align-items:center}.brand-icon{width:42px;height:42px}.brand h1{font-size:21px;color:white;margin:0 0 5px;font-weight:600}.brand span{color:#d7dfeb;font-size:14px}.proof-label{font-size:14px;color:#eff4fc}.workspace{display:grid;grid-template-columns:minmax(390px,30%) minmax(0,1fr);gap:14px;padding:14px 12px;min-height:calc(100vh - 76px)}.sidebar,.provider-panel{border:1px solid #e5e9ee;background:white;border-radius:7px;box-shadow:0 2px 4px #21374e06}.sidebar{display:flex;flex-direction:column;height:calc(100vh - 105px);min-height:600px;overflow:hidden}.sidebar-head{padding:17px 14px 12px}.sidebar-head h2{font-size:18px;margin:0 0 18px}.sidebar vaadin-grid{border:0;min-height:330px;font-size:12px;--vaadin-grid-cell-padding:12px 10px}.sidebar vaadin-grid::part(header-cell){font-size:12px;font-weight:600;background:#fafbfc}.sidebar vaadin-grid::part(selected-row-cell){background:#dcecff}.pagination{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;gap:8px}.page-buttons{display:flex;flex-wrap:wrap;gap:4px}.page-buttons vaadin-button{min-width:28px;padding:0 7px}.sample-note{font-size:11px;color:#68758a;padding:0 15px 14px;line-height:1.5}.results{min-width:0}.toolbar{display:flex;align-items:center;gap:20px;min-height:64px;padding:0 12px 12px}.toolbar vaadin-button{height:42px;padding:0 20px;font-weight:600}.toolbar h2{font-size:20px;margin:0 0 4px}.subtitle{font-size:13px;color:#52647c}.providers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.provider-panel{padding:11px 12px 20px;min-width:0}.provider-head{display:flex;align-items:center;gap:14px;padding:16px 12px;background:#eaf3ff;border-radius:6px;min-height:80px}.autodev .provider-head{background:#f0edff}.provider-mark{font-size:37px;line-height:1;color:#164b92;font-weight:700}.autodev .provider-mark{color:#6247ff}.provider-identity{flex:1;min-width:0}.provider-head h2{font-size:18px;color:#092f83;margin:0 0 5px}.provider-head .subtitle{font-size:12px}.provider-meta{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.status{font-size:11px;white-space:nowrap;border-radius:20px;padding:5px 8px;background:#e2e7ec;color:#59697d}.status.success{background:#d0f9d8;color:#138226}.status.warning{background:#fff0c4;color:#865600}.status.busy{background:#dce9ff;color:#2153a2}.timing{font-size:12px;color:#577a76}.provider-panel h3{font-size:15px;margin:22px 0 13px}.comparison-table{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed}.comparison-table th,.comparison-table td{border-bottom:1px solid #e8edf2;padding:9px 8px;text-align:left;overflow-wrap:anywhere;vertical-align:middle;line-height:1.3}.comparison-table thead th{background:#f5f7f9;font-weight:600;color:#344255}.comparison-table th:first-child{width:23%}.comparison-table th:last-child{width:20%;text-align:center;font-size:11px}.comparison-table tbody th{font-weight:600}.comparison-table td:last-child{text-align:center}.match{display:inline-flex;border-radius:50%;width:18px;height:18px;align-items:center;justify-content:center;color:white;background:#99a3af;font-size:12px;font-weight:bold}.match.state-match{background:#20ad40}.match.state-mismatch{background:#d54545}.match.state-not_reported{background:#bf840f}.payload-details{margin-top:22px;border-radius:6px;overflow:hidden;background:#eff1f4}.payload-details::part(summary){width:100%;padding:5px 10px}.payload-details::part(content){padding:0}.payload-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;font-size:14px;font-weight:600}.payload-heading vaadin-button{font-size:12px;height:27px;background:white;color:#36465a}.json-payload{margin:0;background:#1b252c;color:#a6dd9a;height:285px;overflow:auto;padding:18px 16px;font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2;white-space:pre}.error-message{display:block;border:1px solid #f0d5a7;background:#fff8e9;color:#805815;padding:10px;margin-top:12px;font-size:12px;overflow-wrap:anywhere}.provider-panel vaadin-progress-bar{margin:8px 0 0}.comparison-table+ p{color:#697689}@media(min-width:1700px){.comparison-table{font-size:13px}.json-payload{height:350px}}@media(max-width:1200px){.workspace{grid-template-columns:350px minmax(0,1fr)}.providers{grid-template-columns:1fr}.provider-head .subtitle{font-size:13px}.sidebar{position:sticky;top:12px}.comparison-table{font-size:13px}}@media(max-width:760px){.app-header{padding:0 16px}.brand{gap:12px}.proof-label{display:none}.workspace{grid-template-columns:1fr}.sidebar{position:static;height:450px;min-height:450px}.toolbar{padding:12px 0;flex-wrap:wrap;gap:10px}.toolbar h2{font-size:18px}.providers{grid-template-columns:1fr}.provider-panel{padding:10px}.comparison-table{font-size:12px}.provider-head{gap:8px}.brand h1{font-size:19px}}.payload-section{position:relative;margin-top:22px}.payload-section .payload-details{margin-top:0}.payload-section .copy-payload{position:absolute;top:4px;right:10px;margin:0;height:28px;background:white;color:#36465a;font-size:12px}.payload-details::part(summary){min-height:40px;padding-right:80px;font-weight:600;color:#172235;font-size:14px}.sidebar vaadin-grid{flex:1;min-height:0}.manual-entry{padding:0 12px 14px}.manual-entry vaadin-text-field{width:100%;max-width:480px}.manual-entry input{text-transform:uppercase}@media(max-width:760px){.manual-entry{padding:0 0 12px}}