/* Hover previews the change; applying it remains an explicit, persistent action. */
html body #compare .tm-room .tm-room-paper{
 opacity:0;transition:opacity 600ms cubic-bezier(.22,1,.36,1)!important;
}
html body #compare .tm-room.is-installed .tm-room-paper{opacity:1;}
html body #compare .tm-room.has-keyboard-preview:not(.is-installed) .tm-room-paper{opacity:.34;}
html body #compare .tm-room-btn{min-width:44px!important;min-height:44px!important;}
html body #compare .tm-room-btn::after{
 content:'Apply wallpaper';position:absolute;left:calc(100% + 12px);top:50%;
 transform:translateY(-50%);padding:7px 9px;white-space:nowrap;pointer-events:none;
 color:#3d2f22;background:rgba(243,238,230,.9);border-radius:2px;
 font:400 10px/1.3 Inter,sans-serif;letter-spacing:.05em;
 opacity:0;transition:opacity 240ms ease;
}
html body #compare .tm-room.has-keyboard-preview:not(.is-installed) .tm-room-btn::after{opacity:1;}
@media(min-width:768px){
 html body #compare .tm-set .tm-room:last-child .tm-room-btn::after{left:auto;right:calc(100% + 12px);}
}
@media(hover:hover) and (pointer:fine){
 html body #compare .tm-room:not(.is-installed):hover .tm-room-paper{opacity:.34;}
 html body #compare .tm-room:not(.is-installed):hover .tm-room-btn::after{opacity:1;}
}
@media(hover:none){
 html body #compare .tm-room:not(.is-installed) .tm-room-btn::after{content:'Tap to apply';opacity:1;}
}
@media(prefers-reduced-motion:reduce){
 html body #compare .tm-room .tm-room-paper,
 html body #compare .tm-room-btn::after{transition:none!important;}
}