.comparisons{margin-top:0;padding-top:35px;border-top:0}.comparison-toolbar{display:flex;gap:16px;flex-wrap:wrap;align-items:end;padding:20px 0;border-block:1px solid var(--line)}.comparison-toolbar label{display:block;flex:1;min-width:160px;font:10px 'Courier New',monospace;letter-spacing:1px}.comparison-toolbar select{width:100%;display:block;margin-top:8px;padding:10px 28px 10px 10px;border:1px solid var(--line);background:transparent;color:var(--ink);font:12px Arial,sans-serif}.comparison-mode>span{display:block;margin-bottom:8px;font:10px 'Courier New',monospace;letter-spacing:1px}.comparison-mode>div{display:flex}.comparison-mode button{font-size:12px;padding:9px 14px}.comparison-subbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0 20px}.comparison-subbar p{margin:0}.comparison-subbar button{padding:6px 10px;white-space:nowrap}.generation-total{font:13px 'Courier New',monospace;border-top:1px solid var(--line);padding-top:14px;margin-top:18px}.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 22px}.comparison-card{min-width:0}.comparison-card-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.comparison-card-heading h3{font:13px 'Courier New',monospace;margin:0}.comparison-card-heading h3 span{font-size:10px;opacity:.7;letter-spacing:1px;margin-left:7px;text-transform:uppercase}.expand-comparison{font-size:10px;border:0;padding:4px 0;text-decoration:underline;text-underline-offset:4px}.comparison-frame,.comparison-pending{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#172022}.comparison-frame:focus-within{outline:3px solid var(--amber);outline-offset:4px}.comparison-frame img,.comparison-pending img{display:block;width:100%;height:100%;object-fit:fill}.comparison-frame .after-image{position:absolute;inset:0}.original-layer{position:absolute;inset:0;pointer-events:none}.comparison-frame[data-overlay=wipe] .original-layer{clip-path:inset(0 calc(100% - var(--position)) 0 0)}.comparison-frame[data-overlay=blend] .original-layer{opacity:var(--blend)}.compare-before,.compare-after{position:absolute;top:12px;background:#122322d9;color:#eef3ed;padding:5px 8px;font:9px 'Courier New',monospace;letter-spacing:1px;pointer-events:none}.compare-before{left:12px}.compare-after{right:12px}.wipe-divider{position:absolute;left:var(--position);top:0;bottom:0;width:2px;background:#eef3ed;pointer-events:none;transform:translateX(-1px)}.wipe-divider i{position:absolute;top:50%;left:1px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid white;width:34px;height:34px;text-align:center;background:#203d35cf;color:#fff;font:normal 19px/30px Arial,sans-serif}.comparison-frame[data-overlay=blend] .wipe-divider{display:none}.comparison-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.comparison-range-label{display:flex;justify-content:space-between;font:9px 'Courier New',monospace;color:var(--muted);margin-top:9px}.comparison-file-links{display:flex;gap:18px;font-size:10px;margin-top:10px}.comparison-file-links a{text-underline-offset:4px}.pending-label{position:absolute;bottom:12px;left:12px;background:#162625e6;color:#f0f2eb;padding:7px 10px;font:10px 'Courier New',monospace}.comparison-pending img{opacity:.8}#comparison-lightbox{justify-content:space-between}#comparison-large-frame{width:100%;max-width:calc((100dvh - 170px) * 16 / 9);margin:auto;min-height:0}#comparison-large-frame .comparison-frame{max-height:calc(100dvh - 170px)}.large-mode-label{font-size:11px}.large-mode-label select{color:inherit;background:#162525;border:1px solid #53615b;padding:6px;font-size:11px;margin-left:8px}button:disabled{cursor:default;opacity:.35}.masthead nav{gap:20px}#boards{padding-top:45px;border-top:1px solid var(--line)}
@media(max-width:1050px){.masthead nav{gap:12px}.comparison-toolbar label{min-width:180px}.comparison-mode{flex:1}.comparison-mode>div button{flex:1}}@media(max-width:680px){.comparison-grid{grid-template-columns:1fr}.comparisons{padding-top:15px}.comparison-toolbar{gap:16px 12px}.comparison-toolbar label{flex-basis:40%;min-width:140px}.comparison-mode{flex-basis:40%}.comparison-subbar{align-items:start;gap:15px}.comparison-subbar p{max-width:190px}.comparison-subbar button{white-space:normal;font-size:9px;max-width:135px}.compare-before,.compare-after{font-size:8px;top:8px;padding:4px 6px}.compare-before{left:8px}.compare-after{right:8px}.masthead nav{font-size:9px;gap:7px;flex-wrap:wrap}.large-mode-label{display:block}.lightbox-bottom button{padding:8px;font-size:10px}#comparison-title{font-size:11px}}

.comparison-frame[data-amount="0"] .compare-before,.comparison-frame[data-amount="100"] .compare-after{display:none}