#settings                  { width: 10em; padding: 0.9em; display: inline-block; float: left; border: 1px solid #999; background-color: #EEE; text-align:left; }
#settings .examples        { margin-bottom: 0.99em; }
#settings .blocks          { line-height:1.4; }
#settings .blocks .example { color: #999; font-style: italic; float: right; margin-right: 6px; padding-left:12px; font-size:0.8rem; }
#settings .size            { clear: both; }
#settings .sizev            { clear: both; width: 10em; }
#settings .sort            { clear: both;  }
#settings .color           { clear: both; float: right; }
#settings .ratio           { clear: both; border: 1px solid #999; padding: 0.5em; text-align:center;}
#settings .nofit           { display: none; border: 1px solid red; margin-top: 1em; padding: 1em; font-size:0.8rem;}

#packing                   { margin-left: 11em; }
#canvas                    { background-color: #FBFBFB; width: 100%; }
#unsupported               { border: 1px solid red; background-color: #FFFFAD; padding: 1em; margin: 10em; }
#recalc  {margin: 1em 0 0 0; font-size:80%; width:100%; text-align:centered; }
#shuffle  {margin: 0.1em 0 0.5em 0; font-size:66%; float:right; clear:right; padding:0.1em;}
#growed  {margin: 0.1em 0 0 0; font-size:80%; color:#888; width:100%; text-align:center; }
#auto  {text-align:right; margin: 1px 0 6px 0; font-size:80%;}

.copytext {xdisplay:none; width:0em; height:0px; border:none; background-color:transparent;}
.copybtn {margin: 0 0 0 0; font-size:80%; width:100%; text-align:centered;}
.blocks textarea { width: 10.1em; resize: none; padding:1px 3px;}
#settings select   { width: 10em;   }