:root{font-family:Montserrat,Arial,sans-serif;color:#27414F;background:#F9F9F9}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:16px 24px;border-bottom:1px solid #27414f22}header span{font-size:14px}header button{margin-left:auto}a{color:inherit;text-decoration:none}main{max-width:1500px;padding:16px 24px;margin:auto}button,select{font:inherit;font-size:14px;border:1px solid #27414f40;border-radius:999px;min-height:44px;background:#F9F9F9;color:#27414F;padding:10px 16px;cursor:pointer}button:disabled{opacity:.45;cursor:default}.primary{background:#161A23;color:#F9F9F9}button:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #8DBD2F;outline-offset:3px}label{display:flex;align-items:center;gap:8px;font-size:14px}input{width:18px;height:18px;accent-color:#27414F}.navigation,.playback{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.navigation .selector{flex:1}.selector select{width:min(100%,430px)}.pair{display:grid;grid-template-columns:1fr;gap:20px}.pair.comparing{grid-template-columns:1fr 1fr}figure{margin:0;min-width:0}figcaption{font-size:14px;line-height:1.4;margin-bottom:10px}.canvas{position:relative;aspect-ratio:16/9;background:white;overflow:hidden;width:100%}.canvas img,.canvas svg{display:block;width:100%;height:100%}#art{width:100%;height:100%}#video-slot{position:absolute;background:white}video{display:block;width:100%;height:100%;object-fit:contain;background:white}.animated-element{transform-box:fill-box;transform-origin:center}.playback{margin-top:18px}.playback #status{font-size:14px;flex:1;min-width:200px;line-height:1.4}details{padding:14px 18px;background:#EDEBDF;border-radius:14px;font-size:14px;line-height:1.6}summary{cursor:pointer}#sequence{columns:2;column-gap:36px;padding-left:22px}#sequence li{break-inside:avoid;margin-bottom:7px}.review-note{font-size:13px;line-height:1.6;margin:18px 0;color:#27414F}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#stage[aria-busy=true]{min-height:200px}body:fullscreen main{max-width:1600px}body:fullscreen .review-note{display:none}@media(max-width:800px){header{padding:12px 16px;gap:12px}header span{display:none}main{padding:14px 12px}.pair.comparing{grid-template-columns:1fr}.navigation{gap:8px}.navigation .selector{order:3;flex-basis:100%}.selector select{width:100%;flex:1}.playback{gap:8px}#sequence{columns:1}button{padding:10px 12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

#art{position:relative}

#stage:focus{outline:none}