:root{font-family:Arial,Helvetica,sans-serif;color:#1a2a38;background:#f5f8fa;font-synthesis:none;color-scheme:light;--accent:#147d97;--border:#d9e3e9;--chrome-height:151px}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:1px solid #cbd7df;border-radius:7px;background:#fff;min-height:38px;padding:8px 13px;font-size:12px;line-height:1.3;white-space:nowrap}button:hover{border-color:var(--accent);background:#f0f7fa}button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,.model-stage:focus-visible{outline:3px solid #42a3bf;outline-offset:3px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}a[aria-disabled=true]{pointer-events:none;opacity:.4}#page-chrome{position:relative;z-index:4;background:#fff}.compare-header{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 24px;border-bottom:1px solid var(--border)}.compare-header h1{font-size:23px;line-height:1.2;margin:6px 0 0;font-weight:600}.compare-header a{font-size:12px}#compare-status{font-size:12px;color:#566978;white-space:nowrap}.compare-toolbar{display:flex;align-items:flex-end;gap:14px 24px;padding:10px 24px 12px;border-bottom:1px solid var(--border)}fieldset{border:0;margin:0;padding:0;min-width:0}legend{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#566978;margin:0 0 7px;padding:0}.button-group{display:flex;gap:6px}.swatch{display:inline-block;vertical-align:-1px;width:10px;height:10px;margin-right:6px;border:1px solid #87949b;border-radius:50%}.swatch.graphite{background:#30383d}.swatch.silver{background:#aab3b8}.sync-control{display:flex;align-items:center;gap:8px;margin:0 0 11px auto;font-size:12px;white-space:nowrap;cursor:pointer}.sync-control input{accent-color:var(--accent);width:16px;height:16px;margin:0}.compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:14px;height:calc(100dvh - var(--chrome-height));min-height:620px;padding:16px 24px 20px}.compare-card{display:flex;flex-direction:column;min-width:0;min-height:0;border:1px solid var(--border);border-radius:10px;background:#f5f8fa;overflow:hidden}.compare-card>header{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:11px 14px;background:#fff;border-bottom:1px solid #e5ecef;flex:0 0 auto}.compare-card h2{font-size:14px;font-weight:600;line-height:1.3;margin:0}.compare-card h2>span{font-size:10px;font-weight:400;color:#82919b;margin-right:9px}.compare-card header>a{font-size:11px;white-space:nowrap}.model-stage{position:relative;flex:1;min-height:0;touch-action:none;cursor:grab;outline-offset:-4px}.model-stage:active{cursor:grabbing}.stage-status{position:absolute;inset:0;z-index:3;display:grid;place-content:center;background:#f5f8fa;font-size:12px;color:#566978;pointer-events:none}#compare-canvas{position:fixed;inset:0;display:block;z-index:1;pointer-events:none;width:100%;height:100%}#compare-error{position:relative;z-index:4;background:#fff3ee;border-bottom:1px solid #e6b6a5;padding:12px 24px;display:flex;align-items:center;gap:16px;font-size:13px}#compare-error button{min-height:32px;padding:5px 11px}body[data-ready=false] .model-stage{pointer-events:none}
@media(max-width:1190px){.compare-toolbar{gap:14px}.compare-toolbar button{padding:8px 10px}.sync-control{font-size:11px}}
@media(max-width:1099px){.compare-toolbar{flex-wrap:wrap;gap:14px 22px}.sync-control{margin-left:0}.compare-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;height:auto;min-height:0}.model-stage{height:360px;min-height:360px;flex:none}.compare-card>header{padding:11px 12px}.compare-card h2{font-size:13px}}
@media(max-width:699px){.compare-header{min-height:76px;padding:13px 16px;gap:10px}.compare-header h1{font-size:20px}#compare-status{font-size:10px}.compare-toolbar{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:14px 16px}.button-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.view-controls .button-group{grid-template-columns:repeat(4,minmax(0,1fr))}.compare-toolbar button{min-width:0;min-height:39px;padding:8px 5px}.sync-control{margin:2px 0 0;min-height:24px;font-size:12px}.compare-grid{grid-template-columns:minmax(0,1fr);gap:16px;padding:16px}.compare-card>header{min-height:49px;padding:12px}.compare-card h2{font-size:14px}.model-stage{height:430px;min-height:430px}.compare-card header>a{font-size:11px}#compare-error{padding:12px 16px}}