.weathering .wear-inspection{margin:45px 0 65px}.wear-inspection .compare-heading{margin-top:0;align-items:end}.wear-inspection .compare-heading h3{font-size:clamp(26px,2.8vw,40px);line-height:1.25;letter-spacing:-1px;margin-top:12px}.wear-inspection .compare-heading>p{max-width:450px;line-height:1.9}.wear-reveal-stage{position:relative;width:100%;max-width:1050px;aspect-ratio:1;margin:26px auto 0;overflow:hidden;background:#151a16;isolation:isolate;outline-offset:5px}.wear-reveal-stage img{position:absolute;inset:0;display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;max-width:none!important;margin:0!important;user-select:none;-webkit-user-drag:none;pointer-events:none}.wear-reveal-stage .wear-weathered{z-index:1;mask-image:radial-gradient(circle var(--reveal-radius) at var(--reveal-x) var(--reveal-y),#000 0%,#000 40%,#000e 58%,#0006 80%,transparent 100%);-webkit-mask-image:radial-gradient(circle var(--reveal-radius) at var(--reveal-x) var(--reveal-y),#000 0%,#000 40%,#000e 58%,#0006 80%,transparent 100%)}.wear-reveal-stage[data-view=standard] .wear-weathered{display:none!important}.wear-reveal-stage[data-view=weathered] .wear-weathered{mask-image:none;-webkit-mask-image:none}.wear-reveal-stage[data-view=split] .wear-weathered{mask-image:none;-webkit-mask-image:none;clip-path:inset(0 0 0 var(--split))}.wear-stage-top,.wear-stage-bottom{position:absolute;left:22px;right:22px;z-index:3;display:flex;justify-content:space-between;gap:15px;pointer-events:none;font:9px 'Courier New','Microsoft YaHei',monospace;letter-spacing:1px;color:#e8e6d2}.wear-stage-top{top:22px}.wear-stage-top>span{background:#17211ae6;padding:9px 12px;border:1px solid #d5d5b22c}.wear-mode-label{color:#ead09c}.wear-stage-bottom{bottom:18px;font-size:8px;color:#b5c1a9}.wear-reticle{position:absolute;left:var(--reveal-x);top:var(--reveal-y);transform:translate(-50%,-50%);width:54px;height:54px;border:1px solid #dfce9570;border-radius:50%;z-index:2;pointer-events:none;box-shadow:0 0 0 8px #20291b15}.wear-reticle i,.wear-reticle b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;background:#f0ddb3b0}.wear-reticle i{width:13px;height:1px}.wear-reticle b{height:13px;width:1px}.wear-reveal-stage:not([data-view=scan]) .wear-reticle{display:none}.wear-reveal-stage[data-view=scan]{cursor:crosshair;touch-action:none}.wear-reveal-stage:not([data-view=scan]){touch-action:pan-y}.wear-split-line{position:absolute;top:0;bottom:0;left:var(--split);width:1px;background:#e9dfbb;z-index:2;pointer-events:none;display:none}.wear-reveal-stage[data-view=split] .wear-split-line{display:block}.wear-split-line span{position:absolute;left:0;top:50%;transform:translate(-50%,-50%);border:1px solid #e9dfbb;border-radius:50%;background:#253022dd;width:48px;height:48px;display:grid;place-items:center;font:24px Arial;color:#fff8e2}.wear-reveal-stage[data-view=split]{cursor:ew-resize}.wear-inspection-controls{max-width:1050px;margin:20px auto 0;display:flex;align-items:center;justify-content:space-between;gap:24px}.wear-inspection-controls .wear-help{font-size:11px;line-height:1.7;color:#c7d0bc;margin:0}.wear-inspection-controls .wear-status{font-size:10px;line-height:1.6;color:#9da98e;margin:6px 0 0}.wear-mode-buttons{display:flex;flex-wrap:wrap;gap:6px;flex-shrink:0}.wear-mode-buttons button{background:none;border:1px solid #6c785f;color:#cbd5bc;padding:11px 16px;font:11px 'Microsoft YaHei',Arial,sans-serif;cursor:pointer;transition:background .2s,color .2s}.wear-mode-buttons button[aria-pressed=true]{background:#d9d8bd;color:#263021;border-color:#d9d8bd}.wear-mode-buttons button:hover{border-color:#d9d8bd}.wear-split-control{max-width:1050px;margin:18px auto 0;padding:16px 0;border-top:1px solid #68745a70;display:flex;gap:20px;align-items:center;font-size:11px;color:#bdc8ad}.wear-split-control input{flex:1;min-width:0;accent-color:#d3c58e;cursor:ew-resize}.wear-split-control output{font:10px 'Courier New',monospace;min-width:55px;text-align:right}.wear-inspection [hidden]{display:none!important}.wear-reveal-stage:focus-visible,.wear-mode-buttons button:focus-visible{outline:2px solid #e3cb86;outline-offset:4px}
@media(max-width:950px){.wear-inspection-controls{flex-direction:column;align-items:stretch}.wear-mode-buttons{width:100%}.wear-mode-buttons button{flex:1}.wear-inspection .compare-heading>p{max-width:400px}}
@media(max-width:720px){.weathering .wear-inspection{margin-top:30px;margin-bottom:45px}.wear-inspection .compare-heading h3{font-size:27px}.wear-inspection .compare-heading>p{font-size:11px;line-height:1.9}.wear-reveal-stage{width:calc(100% + 2 * var(--pad,24px));max-width:none;margin-left:calc(-1 * var(--pad,24px));margin-top:22px}.wear-stage-top{left:12px;right:12px;top:12px;font-size:8px;letter-spacing:0}.wear-stage-top>span{padding:7px 8px}.wear-stage-bottom{left:12px;right:12px;bottom:11px;font-size:7px;letter-spacing:.5px}.wear-reticle{width:40px;height:40px}.wear-inspection-controls{gap:16px;margin-top:16px}.wear-inspection-controls .wear-help{font-size:10px}.wear-inspection-controls .wear-status{font-size:9px}.wear-mode-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.wear-mode-buttons button{font-size:11px;padding:12px 8px}.wear-split-control{gap:10px;font-size:10px}.wear-split-control>span{max-width:70px}.wear-split-line span{width:36px;height:36px;font-size:20px}}
@media(prefers-reduced-motion:reduce){.wear-mode-buttons button{transition:none}}