*{box-sizing:border-box}body{margin:0;background:#eeede8;color:#263136;font:15px/1.7 -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",sans-serif}header,main{max-width:1050px;margin:auto;padding:25px 30px}header{padding-bottom:12px}h1{font-family:"Hiragino Mincho ProN",serif;font-size:clamp(25px,4vw,38px);font-weight:500;margin:6px 0}header p{margin:3px 0;color:#687578}.eyebrow{font:11px/1.5 ui-monospace,monospace;letter-spacing:2px}.stage{position:relative;margin:auto;min-height:280px;max-width:690px;background:#fdf7e7;display:flex;align-items:center;justify-content:center}.stage img{display:block;width:100%;height:auto;max-height:72vh;object-fit:contain}.stage img:not([src]){visibility:hidden}#caption{position:absolute;left:5%;right:5%;bottom:5%;margin:0;text-align:center;pointer-events:none;line-height:1.6;font-size:clamp(13px,2vw,19px)}#caption span{color:#fff;background:rgba(0,0,0,.6);padding:2px 6px;box-decoration-break:clone;-webkit-box-decoration-break:clone}#cursor{position:absolute;width:5px;height:5px;border:1px solid #303638;background:#ffffff80;transform:translate(-50%,-50%);pointer-events:none}.transport{display:flex;gap:14px;align-items:center;max-width:690px;margin:18px auto}.transport input{flex:1;min-width:50px;accent-color:#4c6f7c}.transport span{font-size:12px;white-space:nowrap}button,select{font:inherit;color:inherit;background:transparent;border:1px solid #bdc3be;padding:8px 12px;border-radius:0;cursor:pointer}button:disabled{opacity:.4;cursor:default}button:hover{background:#e1e4de}#run{background:#365b66;color:#fff;border-color:#365b66}#status{text-align:center;font-size:12px;color:#637278;min-height:24px}.controls{display:flex;align-items:end;flex-wrap:wrap;gap:10px;margin:25px 0}.controls label{display:flex;flex-direction:column;font-size:11px;gap:5px}.controls label:first-child{flex:1;min-width:190px}.controls select{width:100%}.links{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.links button{padding:3px 0;border:0;text-decoration:underline}a{color:#365b66}.note{font-size:12px;color:#727977;max-width:730px;margin:24px 0}h2{font-size:15px;font-weight:500;border-top:1px solid #cdd1ca;padding-top:25px;margin-top:30px}.comparisons{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.comparisons figure{margin:0}.comparisons img{width:100%;display:block;background:#fdf7e7}.comparisons figcaption{font-size:12px;margin:6px 0}details{margin-top:25px;font-size:12px}pre{overflow:auto;padding:15px;background:#e2e5df}@media(max-width:600px){header,main{padding:18px}.controls{gap:7px}.controls button{font-size:12px}.comparisons{grid-template-columns:1fr}.stage img{max-height:65vh}}
/* The container matches the actual paper, so a normalized brush cursor is not
   displaced by letterboxing when portrait and landscape studies are switched. */
.stage{width:min(100%,calc(72vh * var(--aspect,1.6)));min-height:0;aspect-ratio:var(--aspect,1.6)}.stage img{max-height:none;width:100%;height:auto}@media(max-width:600px){.stage{width:min(100%,calc(65vh * var(--aspect,1.6)))}.stage img{max-height:none}}