.comparison{border-top:1px solid var(--line)}.comparison-controls{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr) auto;gap:20px;align-items:end;margin-bottom:24px}.comparison-controls>label{display:grid;gap:9px;font-size:12px;font-weight:700;min-width:0}.comparison-controls select{width:100%;height:48px;border:1px solid var(--muted);border-radius:6px;background:var(--paper);color:var(--ink);padding:0 34px 0 13px;font:600 13px var(--body);cursor:pointer}.comparison-controls>.rt-IconButton{height:48px}.comparison-modes{display:flex;border:1px solid var(--muted);border-radius:7px;padding:3px;gap:3px;height:48px}.comparison-modes button{border:0;border-radius:4px;background:transparent;color:var(--ink);padding:8px 16px;font-size:12px;font-weight:700;min-height:40px}.comparison-modes button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.comparison-stage{position:relative;width:100%;aspect-ratio:2/1;max-height:620px;overflow:hidden;border-radius:12px;background:var(--studio);touch-action:pan-y;cursor:ew-resize;isolation:isolate}.comparison-image{position:absolute;inset:0;pointer-events:none;-webkit-user-select:none;user-select:none}.comparison-image picture,.comparison-image img{width:100%;height:100%;display:block;object-fit:contain}.comparison-overlay{background:var(--studio)}.comparison-image-labels{position:absolute;inset:20px 20px auto;display:flex;justify-content:space-between;gap:12px;pointer-events:none}.comparison-image-labels span{background:var(--white);color:var(--ink);font-weight:800;font-size:12px;padding:8px 12px;border-radius:4px}.comparison-divider{position:absolute;top:0;bottom:0;width:2px;background:var(--white);box-shadow:0 0 0 1px #17212570;pointer-events:none;transform:translate(-50%)}.comparison-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--orange);color:var(--white)}.comparison-loading{position:absolute;left:20px;bottom:16px;background:var(--white);font-size:12px;padding:6px 12px;border-radius:4px}.comparison-error{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:16px;background:var(--studio);padding:24px;text-align:center;cursor:default}.comparison-error h3{font-size:20px;letter-spacing:-.02em}.comparison-error p{font-size:13px;color:var(--muted)}.comparison-adjustment{max-width:680px;margin:25px auto 0}.comparison-adjustment>label{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:800;gap:20px}.comparison-adjustment output{font-variant-numeric:tabular-nums;color:var(--orange);font-weight:800}.comparison-adjustment input{display:block;width:100%;height:44px;margin:7px 0 0;accent-color:var(--orange);cursor:ew-resize;background:transparent}.comparison-actions{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.comparison-actions p{font-size:11px;color:var(--muted);max-width:48ch}.comparison-actions button{border:0;background:transparent;color:var(--ink);font-size:11px;font-weight:700;display:flex;align-items:center;gap:7px;min-height:44px;margin-top:-10px;padding:5px 0;white-space:nowrap}.comparison-summary{display:grid;grid-template-columns:1fr 1fr;gap:32px;border-block:1px solid var(--line);padding-block:24px;margin:32px 0 18px}.comparison-summary dt{font-size:15px;font-weight:800;margin-bottom:7px}.comparison-summary dd{margin:0;color:var(--muted);font-size:12px;line-height:1.8}.comparison>.small-note{max-width:90ch}@media(max-width:960px){.comparison-controls{grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);gap:16px}.comparison-modes{grid-column:1/-1;justify-self:start}.comparison-stage{max-height:none}.desktop-nav{display:none}.mobile-menu-button{display:inline-flex!important}.mobile-nav{display:flex!important;flex-direction:column;padding:8px 32px 24px;position:absolute;inset:100% 0 auto;background:var(--paper);border-top:1px solid var(--line);box-shadow:0 18px 24px -18px #17212545}.mobile-nav>a{padding:13px 0;font-size:14px;font-weight:700}.mobile-nav>.ui-action{align-self:flex-start}}@media(max-width:560px){.comparison-controls{gap:12px 8px;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr)}.comparison-controls>label{font-size:11px;gap:8px}.comparison-controls select{font-size:11px;padding-left:8px;padding-right:12px}.comparison-controls>.rt-IconButton{min-width:40px}.comparison-image-labels{inset:12px 12px auto;gap:8px}.comparison-image-labels span{font-size:10px;padding:6px 9px}.comparison-stage{aspect-ratio:4/3}.comparison-divider>span{width:44px;height:44px}.comparison-actions{gap:20px}.comparison-actions p{font-size:10px}.comparison-summary{gap:20px}.comparison-summary dt{font-size:13px}.comparison-summary dd{font-size:11px}.comparison>.small-note{font-size:11px}.comparison-error h3{font-size:17px}.comparison-error p{font-size:12px}.comparison-error{gap:10px;padding:16px}.comparison-error .rt-Button{font-size:11px!important;padding-inline:12px!important}}