:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17221f;background:#f3f6f5;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f3f6f5}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.topbar{height:64px;display:flex;align-items:center;gap:12px;padding:0 max(24px,calc((100vw - 1440px)/2));color:#eef8f4;background:#142d26;border-bottom:1px solid #285144}.brand-mark{width:36px;height:36px;display:grid;place-items:center;color:#d7f2e8;background:#22644f;border:1px solid #347a63;border-radius:7px}.brand-copy{display:flex;flex-direction:column;line-height:1.2}.brand-copy strong{font-size:14px}.brand-copy span{margin-top:3px;font-size:11px;color:#9fc4b7}.run-status{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:12px;color:#a9c4bb}.run-status>span{width:7px;height:7px;background:#719287;border-radius:50%}.run-status.active>span{background:#57d7a8;box-shadow:0 0 0 4px #57d7a824}main{width:min(1440px,100%);margin:0 auto}.intro-band{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding:34px 32px 28px;border-bottom:1px solid #dce4e1}.intro-band p{margin:0 0 8px;font-size:11px;font-weight:700;letter-spacing:0;text-transform:uppercase;color:#167257}.intro-band h1{margin:0;font-size:30px;line-height:1.2;letter-spacing:0}.intro-band>div>span{display:block;margin-top:8px;font-size:14px;line-height:1.5;color:#60706b}.origin-chip{flex:0 0 auto;display:flex;align-items:center;gap:10px;min-width:220px;padding:11px 14px;color:#34554b;background:#e6efec;border:1px solid #ceddd8;border-radius:6px}.origin-chip span{display:flex!important;flex-direction:column;margin:0!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px!important;color:#24473c!important}.origin-chip small{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:10px;color:#71847e}.control-surface{padding:26px 32px 24px;background:#fff;border-bottom:1px solid #dce4e1}.section-title,.block-title{display:flex;align-items:center;gap:8px;color:#2a5549}.section-title h2,.block-title h2{margin:0;font-size:14px;letter-spacing:0}.control-grid{display:grid;grid-template-columns:minmax(250px,.82fr) minmax(390px,1.25fr) minmax(300px,1fr);gap:30px;margin-top:18px}.control-group+.control-group{padding-left:30px;border-left:1px solid #e4e9e7}.control-group h3{margin:0 0 11px;font-size:11px;font-weight:700;letter-spacing:0;text-transform:uppercase;color:#73817d}.choice-list,.database-selectors{display:grid;gap:8px}.database-selectors{grid-template-columns:repeat(3,minmax(0,1fr))}.choice-toggle{position:relative;min-width:0;min-height:58px;display:flex;align-items:center;gap:10px;padding:10px 11px;background:#fafbfb;border:1px solid #dfe5e3;border-radius:6px;cursor:pointer;transition:border-color .16s ease,background .16s ease}.choice-toggle.selected{background:color-mix(in srgb,var(--accent) 7%,white);border-color:color-mix(in srgb,var(--accent) 50%,#dfe5e3)}.choice-toggle input,.toggle-row input{position:absolute;opacity:0;pointer-events:none}.choice-check{flex:0 0 auto;width:19px;height:19px;display:grid;place-items:center;color:#fff;background:#fff;border:1px solid #b9c5c1;border-radius:4px}.choice-toggle.selected .choice-check{background:var(--accent);border-color:var(--accent)}.choice-toggle>span:last-child{min-width:0;display:flex;flex-direction:column}.choice-toggle strong{font-size:12px;line-height:1.35}.choice-toggle small{margin-top:3px;overflow:hidden;font-size:10px;color:#75827e;text-overflow:ellipsis}.request-options{display:grid;grid-template-columns:1fr 1fr;gap:9px 18px}.request-options h3{grid-column:1 / -1;margin-bottom:2px}.segment-block,.round-control{display:flex;align-items:center;justify-content:space-between;gap:10px}.segment-block{grid-column:1 / -1}.segment-block>span,.round-control label{font-size:12px;font-weight:600;color:#394c46}.segmented-control{display:inline-grid;grid-template-columns:1fr 1fr;padding:3px;background:#eef2f1;border:1px solid #dce3e1;border-radius:6px}.segmented-control button{min-width:92px;padding:6px 10px;font-size:11px;color:#63726e;background:transparent;border:0;border-radius:4px}.segmented-control button.selected{color:#1d493d;background:#fff;box-shadow:0 1px 3px #19342c1f}.toggle-row{position:relative;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;cursor:pointer}.toggle-row>span:first-child{min-width:0;display:flex;flex-direction:column}.toggle-row strong{font-size:12px}.toggle-row small{margin-top:2px;font-size:9px;line-height:1.35;color:#7b8884}.switch{position:relative;flex:0 0 auto;width:34px;height:19px;background:#cbd4d1;border-radius:10px;transition:background .16s ease}.switch:after{content:"";position:absolute;top:3px;left:3px;width:13px;height:13px;background:#fff;border-radius:50%;box-shadow:0 1px 2px #0000002e;transition:transform .16s ease}.toggle-row input:checked+.switch{background:#168363}.toggle-row input:checked+.switch:after{transform:translate(15px)}.round-control{min-height:52px}.round-control input{width:62px;padding:7px 8px;color:#203c34;background:#fafbfb;border:1px solid #ccd6d3;border-radius:5px}.action-row{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:22px;padding-top:18px;border-top:1px solid #e4e9e7}.method-note{display:flex;align-items:flex-start;gap:9px;max-width:850px;font-size:11px;line-height:1.5;color:#677570}.method-note svg{flex:0 0 auto;margin-top:1px;color:#42816d}.method-note strong{display:block;color:#334a43}.run-button{min-width:136px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;font-size:12px;font-weight:700;color:#fff;background:#176f56;border:1px solid #0f614a;border-radius:6px;box-shadow:0 2px 5px #176f5633}.run-button:hover:not(:disabled){background:#125e49}.run-button:disabled{cursor:wait;opacity:.65}.validation-error,.error-message{margin:12px 0 0;font-size:12px;color:#a63d34}.results-section{padding:28px 32px 48px}.empty-state,.loading-state{min-height:220px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#7b8985}.empty-state svg{color:#9fb0ab}.empty-state h2{margin:12px 0 4px;font-size:15px;color:#53645f}.empty-state p{margin:0;font-size:12px}.loading-state{gap:12px;font-size:12px}.spinner{width:25px;height:25px;border:2px solid #cdd8d4;border-top-color:#177055;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.results-heading{display:flex;justify-content:flex-end;margin-bottom:18px}.results-heading>div{display:flex;align-items:baseline;gap:8px;font-size:10px;color:#7b8985}.results-heading strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:#4b5d57}.result-block+.result-block{margin-top:32px}.block-title{margin-bottom:12px}.results-grid{display:grid;gap:14px}.health-results{grid-template-columns:repeat(2,minmax(0,1fr))}.database-results{grid-template-columns:repeat(3,minmax(0,1fr))}.result-card{min-width:0;padding:17px;background:#fff;border:1px solid #dce4e1;border-radius:7px;box-shadow:0 1px 3px #1c352d0d}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.card-heading h3{margin:5px 0 0;font-size:15px;letter-spacing:0}.mode-badge,.sample-state,.colo-target{display:inline-flex;align-items:center;min-height:20px;padding:3px 7px;font-size:9px;font-weight:700;line-height:1.2;border-radius:4px}.mode-badge.smart{color:#0d654d;background:#def2eb}.mode-badge.default{color:#34549f;background:#e6ecfa}.sample-state{color:#6a5a31;background:#f4edd8}.colo-target{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:#4b5d57;background:#edf1ef}.location-strip{display:flex;align-items:center;gap:8px;min-height:39px;padding:9px 10px;font-size:11px;color:#60706b;background:#f5f8f7;border-radius:5px}.location-strip svg{color:#28715c}.location-strip strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:#183d32}.placement-value{margin-left:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;color:#697a74}.metric-grid{display:grid;gap:1px;margin-top:13px;overflow:hidden;background:#e3e9e7;border:1px solid #e3e9e7;border-radius:5px}.metric-grid.six{grid-template-columns:repeat(6,minmax(0,1fr))}.metric-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.metric{min-width:0;padding:9px 8px;background:#fbfcfc}.metric span,.metric strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric span{font-size:9px;color:#7d8a86}.metric strong{margin-top:5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:#263e37}.connection-note{display:flex;align-items:center;gap:6px;margin:10px 0 0;font-size:10px;color:#71817c}.location-pair{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;background:#dfe6e3;border:1px solid #dfe6e3;border-radius:5px}.location-pair>div{min-width:0;display:grid;grid-template-columns:auto 1fr;gap:2px 6px;padding:9px;background:#f5f8f7}.location-pair svg{grid-row:1 / 3;align-self:center;color:#39745f}.location-pair span{overflow:hidden;font-size:8px;color:#7c8985;text-overflow:ellipsis;white-space:nowrap}.location-pair strong{overflow:hidden;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:#23463a;text-overflow:ellipsis}.request-total{display:grid;grid-template-columns:1fr auto 1fr auto;gap:8px;align-items:center;margin-top:11px;font-size:9px;color:#7b8985}.request-total strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;color:#3a4f48}details{margin-top:11px;font-size:10px;color:#61716c}summary{cursor:pointer}.sample-table-wrap{overflow-x:auto;margin-top:8px}table{width:100%;border-collapse:collapse;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}th,td{padding:6px;text-align:left;border-bottom:1px solid #e7ecea}th{font-weight:600;color:#71807b}@media (max-width: 1100px){.control-grid{grid-template-columns:1fr 1.25fr}.request-options{grid-column:1 / -1;padding:20px 0 0!important;border-top:1px solid #e4e9e7;border-left:0!important}.database-results{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.topbar{padding:0 16px}.brand-copy span{display:none}.intro-band{align-items:stretch;flex-direction:column;padding:26px 18px 22px}.intro-band h1{font-size:25px}.origin-chip{min-width:0}.control-surface,.results-section{padding-right:18px;padding-left:18px}.control-grid{grid-template-columns:1fr;gap:20px}.control-group+.control-group,.request-options{grid-column:auto;padding:20px 0 0!important;border-top:1px solid #e4e9e7;border-left:0}.database-selectors,.request-options{grid-template-columns:1fr}.request-options h3,.segment-block{grid-column:auto}.segment-block{align-items:stretch;flex-direction:column}.segmented-control{width:100%}.action-row{align-items:stretch;flex-direction:column}.run-button{width:100%}.health-results,.database-results{grid-template-columns:1fr}.metric-grid.six{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-grid.five{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 390px){.location-pair{grid-template-columns:1fr}.request-total{grid-template-columns:1fr auto}}