.sheet-controls{
  display:flex;
  flex-wrap:wrap;
  align-items:end;
  gap:12px;
  border:1px solid #697b7d;
  padding:16px}
.sheet-controls .row{margin:0}
.sheet-controls label{flex:1 1 150px}
.sheet-controls label:first-child{flex-basis:250px}
.sheet-controls select{max-width:100%}
.sheet-controls .mirror{flex-direction:row;align-items:center}
.sheet-controls button:disabled{cursor:default;opacity:.5}
#pose-sheets{display:block;--sprite-size:160px}
.motion-sheet{margin:28px 0;scroll-margin-top:16px}
.motion-sheet h3{font-size:15px;border-bottom:1px solid #697b7d;padding-bottom:10px}
.pose-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,calc(var(--sprite-size) + 18px)),1fr));gap:10px}
.pose-grid canvas{width:var(--sprite-size);height:var(--sprite-size);max-width:100%;object-fit:contain;aspect-ratio:1}
.pose-grid figcaption{min-height:2.5em}
.pose-grid .showing-source{outline:2px solid #70f149;outline-offset:-2px}
#sheet-note,#compare-hint{color:#aab8b9}
@media(max-width:520px){
  .sheet-controls{padding:12px}
  .sheet-controls .row{width:100%}
}