:root{color:#191d20;font-synthesis:none;text-rendering:optimizelegibility;letter-spacing:0;background:#f4f6f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;letter-spacing:0}body{background:#f4f6f7;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}.app-shell{width:min(1500px,100%);margin:0 auto;padding:24px 28px 32px}.app-header{justify-content:space-between;align-items:center;gap:18px;min-height:52px;margin-bottom:18px;display:flex}.title-lockup{align-items:center;gap:12px;min-width:0;display:flex}.title-icon{background:#fff;border:1px solid #ccd3d7;border-radius:7px;flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid}h1,h2,p,dl,dd{margin:0}h1{font-size:24px;font-weight:720;line-height:1.2}.icon-button{cursor:pointer;background:#fff;border:1px solid #c7cfd4;border-radius:6px;flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid}.icon-button:hover{background:#e9edef}.icon-button:focus-visible,.unit-switch button:focus-visible,select:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #2563eb47}.shared-controls{background:#fff;border-block:1px solid #ccd3d7;grid-template-columns:minmax(180px,1fr) minmax(190px,250px) minmax(300px,360px) auto;align-items:end;gap:22px;margin-bottom:16px;padding:15px 18px;display:grid}.shared-heading{color:#526069;align-items:center;gap:11px;min-height:48px;display:flex}.shared-heading div{gap:2px;display:grid}.shared-heading span,.unit-switch legend,.number-field label{color:#637079;font-size:12px;font-weight:650}.shared-heading strong{color:#202529;font-size:15px}.number-field{gap:6px;min-width:0;display:grid;position:relative}.input-shell{background:#fff;border:1px solid #bac4ca;border-radius:6px;align-items:center;height:42px;display:flex;overflow:hidden}.input-shell:focus-within{border-color:#2563eb}.input-shell--error{border-color:#bd2c2c}.input-shell input{color:#171b1e;font-variant-numeric:tabular-nums;background:0 0;border:0;outline:0;width:100%;min-width:0;height:100%;padding:0 10px;font-weight:680}.input-shell span{color:#66727a;white-space:nowrap;background:#f2f4f5;border-left:1px solid #d4dade;align-self:stretch;place-items:center;min-width:46px;padding:0 9px;font-size:12px;font-weight:700;display:grid}.field-error{z-index:5;color:#fff;white-space:nowrap;background:#a72424;border-radius:4px;padding:4px 7px;font-size:11px;position:absolute;top:calc(100% + 3px);left:0}.spacer-settings{min-width:0}.spacer-settings>span{color:#637079;margin-bottom:6px;font-size:12px;font-weight:650;display:block}.spacer-settings>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.spacer-settings label{background:#fff;border:1px solid #bac4ca;border-radius:6px;grid-template-columns:auto minmax(68px,1fr);align-items:stretch;min-width:0;height:42px;display:grid;overflow:hidden}.setup-option{white-space:nowrap;background:#f2f4f5;border-right:1px solid #d4dade;place-items:center;padding:0 8px;font-size:11px;font-weight:800;display:grid}.setup-option--a{color:#087f5b}.setup-option--b{color:#d9480f}.spacer-settings select{color:#171b1e;cursor:pointer;background:#fff;border:0;outline:0;width:100%;min-width:0;padding:0 7px;font-size:13px;font-weight:700}.unit-switch{border:0;min-width:230px;margin:0;padding:0}.unit-switch legend{margin-bottom:6px}.unit-switch div{background:#edf0f2;border:1px solid #bac4ca;border-radius:6px;grid-template-columns:1fr 1fr;height:42px;padding:3px;display:grid}.unit-switch button{cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:4px;min-width:0;padding:0 12px;font-size:13px;font-weight:650}.unit-switch button.is-active{background:#fff;box-shadow:0 1px 3px #141c2126}.setup-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.setup-panel{border:1px solid #c9d1d5;border-top:4px solid var(--accent);background:#fff;border-radius:8px;min-width:0;overflow:hidden}.setup-heading{justify-content:space-between;align-items:flex-end;gap:16px;padding:15px 18px 10px;display:flex}.setup-tag{color:var(--accent);text-transform:uppercase;font-size:11px;font-weight:800}.setup-heading h2{margin-top:2px;font-size:18px;line-height:1.25}.width-total{color:#65727a;font-variant-numeric:tabular-nums;text-align:right;font-size:12px}.setup-meta{justify-items:end;gap:3px;display:grid}.spacer-status{color:var(--accent);font-size:11px;font-weight:750}.car-diagram{aspect-ratio:1000/520;width:100%;height:auto;display:block}.diagram-moving{transition:transform .18s ease-out}.diagram-legend text,.dimension-label{font-family:inherit;font-size:12px;font-weight:700}.dimension-label{font-variant-numeric:tabular-nums;font-size:12px}.setup-measurements{border-block:1px solid #d9dfe2;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.setup-measurements div{min-width:0;padding:12px 14px}.setup-measurements div+div{border-left:1px solid #d9dfe2}.setup-measurements dt,.comparison-band dt{color:#67737b;font-size:11px;font-weight:650}.setup-measurements dd{color:var(--accent);font-variant-numeric:tabular-nums;margin-top:4px;font-size:17px;font-weight:760}.setup-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:14px 18px 18px;display:grid}.comparison-band{color:#fff;background:#20272b;border-block:1px solid #bdc7cc;grid-template-columns:170px 1fr;align-items:stretch;margin-top:16px;display:grid}.comparison-title{border-right:1px solid #465157;align-content:center;padding:16px 20px;display:grid}.comparison-title span{color:#71d2ad;text-transform:uppercase;font-size:11px;font-weight:800}.comparison-title h2{margin-top:3px;font-size:17px}.comparison-band dl{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.comparison-band dl div{align-content:center;min-width:0;padding:14px 20px;display:grid}.comparison-band dl div+div{border-left:1px solid #465157}.comparison-band dt{color:#aeb9bf}.comparison-band dd{color:#fff;font-variant-numeric:tabular-nums;margin-top:4px;font-size:16px;font-weight:700}.geometry-note{color:#6c777e;text-align:center;max-width:900px;margin:12px auto 0;font-size:11px;line-height:1.5}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1180px){.shared-controls{grid-template-columns:1fr 1fr}.shared-heading{grid-column:1/-1}}@media (width<=980px){.setup-grid{grid-template-columns:1fr}}@media (width<=680px){.app-shell{padding:16px 12px 24px}.app-header{margin-bottom:12px}h1{font-size:19px}.shared-controls{grid-template-columns:1fr;gap:13px;padding:14px}.shared-heading{grid-column:auto}.unit-switch{min-width:0}.setup-heading{align-items:flex-start;padding:13px 14px 8px}.width-total{max-width:120px}.setup-meta{max-width:126px}.setup-measurements{grid-template-columns:1fr}.setup-measurements div{justify-content:space-between;align-items:baseline;gap:12px;padding:9px 14px;display:flex}.setup-measurements div+div{border-top:1px solid #d9dfe2;border-left:0}.setup-measurements dd{margin-top:0;font-size:15px}.setup-controls{gap:10px;padding:12px 14px 15px}.comparison-band{grid-template-columns:1fr}.comparison-title{border-bottom:1px solid #465157;border-right:0;padding:12px 15px}.comparison-band dl{grid-template-columns:1fr}.comparison-band dl div{padding:11px 15px}.comparison-band dl div+div{border-top:1px solid #465157;border-left:0}.diagram-legend{display:none}}@media (width<=390px){.setup-controls{grid-template-columns:1fr}.width-total{font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}