.highlight-rotation{position:relative;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-content:start}
.highlight-slot{position:relative;min-width:0}
.highlight-layer{position:absolute;inset:0}
.highlight-slot .highlight{height:100%;box-sizing:border-box}
.highlight-rotation .highlight img{height:150px;width:100%;display:block}
.highlight-rotation .tips-highlight img{background:#edf2e7;object-fit:contain}
.highlight-rotation .highlight h2{font-size:20px}
.highlight-outgoing{animation:ek-highlight-out .8s ease-in-out both}
.highlight-incoming{animation:ek-highlight-in .8s ease-in-out both}
@keyframes ek-highlight-out{from{opacity:1}to{opacity:0}}
@keyframes ek-highlight-in{from{opacity:0}to{opacity:1}}
.highlight-measure{position:absolute;top:0;left:0;width:calc((100% - 20px)/2);visibility:hidden;pointer-events:none}
.highlight-measure>.highlight{position:absolute;top:0;left:0;width:100%;box-sizing:border-box}
.highlight-delete{margin-left:16px;color:#8b1722}
.highlight-delete-dialog{border:1px solid #b7c7b6;border-radius:10px;max-width:calc(100vw - 48px);padding:24px}
.highlight-delete-dialog::backdrop{background:#0006}
.dialog-actions{display:flex;gap:14px;margin-top:24px}
.highlight-auto-status{font-weight:600;color:#34583b}
@media(max-width:1100px){.highlight-rotation{grid-template-columns:repeat(2,minmax(0,1fr))}.highlight-measure{width:calc((100% - 20px)/2)}}
@media(max-width:680px){.highlights.highlight-rotation{display:grid;grid-template-columns:1fr;margin-top:26px}.highlight-measure{width:100%}.highlight-rotation .highlight img{height:180px}}
@media(prefers-reduced-motion:reduce){.highlight-outgoing,.highlight-incoming{animation:none}}

.tips-static{grid-column:2;grid-row:2;min-width:0}
@media(max-width:680px){.tips-static{grid-column:auto;grid-row:auto}}