.scene-image-status{position:absolute;inset:0;display:grid;place-items:center;font:12px sans-serif;color:var(--ink);pointer-events:none}
.scene-image-status:empty{display:none}
img[data-image-state=loading],img[data-image-state=error]{visibility:hidden}
.tire-portrait[hidden]{display:none}
.symptom[data-selected=true] .symptom-title{color:var(--red)}
.tire-portrait[data-scene]:not([data-scene=wear]){inset:auto 0 auto auto;top:50%;width:52%;height:auto;aspect-ratio:3/2;transform:translateY(-50%);overflow:hidden}
.tire-portrait[data-scene]:not([data-scene=wear])>img{position:static;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:none;mask-image:linear-gradient(to right,transparent,#000 9%)}
.tire-portrait[data-scene]:not([data-scene=wear]) .tire-annotation{top:auto;bottom:22px;left:12%;font-size:8px}
@media(max-width:760px){
 .symptom-answer .tire-portrait,.symptom-answer .tire-portrait[data-scene]:not([data-scene=wear]){position:relative;inset:auto;width:100%;height:auto;aspect-ratio:3/2;margin:0 0 16px;transform:none;overflow:hidden}
 .symptom-answer .tire-portrait>img,.symptom-answer .tire-portrait[data-scene]:not([data-scene=wear])>img{position:static;inset:auto;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:none;mask-image:none}
 .symptom-answer .tire-annotation,.symptom-answer .tire-portrait[data-scene]:not([data-scene=wear]) .tire-annotation{top:auto;bottom:15px;left:7%;right:5%;font-size:6px;white-space:normal}
 .symptom-answer .annotation-rule{max-width:32px}
}