:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#111a17;color:#f0f3eb}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden}
body{display:grid;grid-template-rows:44px minmax(0,1fr);height:100dvh;background:#000}
.view-switch{display:flex;align-items:center;justify-content:center;background:#000}
.view-options{display:flex;align-items:center;gap:3px;padding:3px;background:#171717;border:1px solid #353535;border-radius:8px}
.view-options button{appearance:none;border:0;border-radius:5px;background:transparent;color:#bfbfbf;font:600 .875rem/1.25 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;padding:5px 13px;cursor:pointer;white-space:nowrap}
.view-options button:hover{color:#fff;background:#303030}
.view-options button[aria-pressed="true"]{color:#000;background:#fff}
.view-options button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.comparison{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;height:100%;min-height:0}
.comparison:not([data-view="both"]){grid-template-columns:minmax(0,1fr)}
.pane{min-width:0;min-height:0;display:grid;grid-template-rows:64px minmax(0,1fr)}
.pane[hidden]{display:none}
.pane+.pane{border-left:1px solid #76887866}
.comparison:not([data-view="both"]) .pane{border-left:0}
header{display:flex;align-items:center;justify-content:center;padding:0 12px;background:#000;color:#fff;border-bottom:1px solid #76887833;overflow:hidden;text-align:center}
h1{font-size:clamp(.875rem,2.8vw,1.5rem);font-weight:700;letter-spacing:-.015em;line-height:1.15;margin:0}
.cost{display:inline-block;font-size:.85em;font-weight:600;color:#d6d6d6;white-space:nowrap}
.viewport{position:relative;min-width:0;min-height:0;overflow:hidden;background:#97b6a2;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;outline:none}
.viewport.dragging{cursor:grabbing}
.viewport:focus-visible{outline:1px solid #d4e7bb99;outline-offset:-1px}
iframe{display:block;width:100%;height:100%;border:0;pointer-events:none}